@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700;900&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@400;500;600;700;800;900&display=swap'); @font-face { font-family: 'Material Icons'; font-style: normal; font-weight: 400; src: url(https://fonts.gstatic.com/s/materialicons/v139/flUhRq6tzZclQEJ-Vdg-IuiaDsNc.woff2) format('woff2'); } html body h1, html body h2{ color:#35393D; font-size:28px; font-weight:700; line-height:30px; padding-bottom:15px; text-transform:uppercase; } html body h2{ margin-bottom:0px; text-transform:uppercase; } body.login-page, .register-page { background: linear-gradient(180deg, rgba(232, 240, 254, .8), rgba(232, 240, 254, .2)), url('../img/banner.png'); background-size: cover; } .fancytree-helper-hidden { display: none; } .fancytree-helper-indeterminate-cb { color: #777; } .fancytree-helper-disabled { color: #c0c0c0; } /* Helper to allow spinning loader icon with glyph-, ligature-, and SVG-icons. */ .fancytree-helper-spin { -webkit-animation: spin 1000ms infinite linear; animation: spin 1000ms infinite linear; } @-webkit-keyframes spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); transform: rotate(359deg); } } @keyframes spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); transform: rotate(359deg); } } /*------------------------------------------------------------------------------ * Container and UL / LI *----------------------------------------------------------------------------*/ ul.fancytree-container { font-family: tahoma, arial, helvetica; font-size: 10pt; white-space: nowrap; padding: 3px; margin: 0; background-color: white; border: 1px dotted gray; min-height: 0%; position: relative; } ul.fancytree-container ul { padding: 0 0 0 16px; margin: 0; } ul.fancytree-container ul > li:before { content: none; } ul.fancytree-container li { list-style-image: none; list-style-position: outside; list-style-type: none; -moz-background-clip: border; -moz-background-inline-policy: continuous; -moz-background-origin: padding; background-attachment: scroll; background-color: transparent; background-position: 0px 0px; background-repeat: repeat-y; background-image: none; margin: 0; } ul.fancytree-container li.fancytree-lastsib { background-image: none; } .ui-fancytree-disabled ul.fancytree-container { opacity: 0.5; background-color: silver; } ul.fancytree-connectors.fancytree-container li { background-image: url(assets/images/vline.gif); background-position: 0 0; } ul.fancytree-container li.fancytree-lastsib, ul.fancytree-no-connector > li { background-image: none; } li.fancytree-animating { position: relative; } /*------------------------------------------------------------------------------ * Common icon definitions *----------------------------------------------------------------------------*/ span.fancytree-empty, span.fancytree-vline, span.fancytree-expander, span.fancytree-icon, span.fancytree-checkbox, span.fancytree-drag-helper-img, #fancytree-drop-marker { width: 16px; height: 16px; display: inline-block; vertical-align: top; background-repeat: no-repeat; background-position: left; background-image: url(assets/images/icons.gif); background-position: 0px 0px; } span.fancytree-icon, span.fancytree-checkbox, span.fancytree-expander, span.fancytree-custom-icon { margin-top: 2px; } /* Used by icon option: */ span.fancytree-custom-icon { width: 16px; height: 16px; display: inline-block; margin-left: 3px; background-position: 0px 0px; } /* Used by 'icon' node option: */ img.fancytree-icon { width: 16px; height: 16px; margin-left: 3px; margin-top: 2px; vertical-align: top; border-style: none; } /*------------------------------------------------------------------------------ * Expander icon * * Note: IE6 doesn't correctly evaluate multiples class names, * so we create combined class names that can be used in the CSS. * * Prefix: fancytree-exp- * 1st character: 'e': expanded, 'c': collapsed, 'n': no children * 2nd character (optional): 'd': lazy (Delayed) * 3rd character (optional): 'l': Last sibling *----------------------------------------------------------------------------*/ span.fancytree-expander { cursor: pointer; } .fancytree-exp-n span.fancytree-expander, .fancytree-exp-nl span.fancytree-expander { background-image: none; cursor: default; } .fancytree-connectors .fancytree-exp-n span.fancytree-expander, .fancytree-connectors .fancytree-exp-nl span.fancytree-expander { background-image: url(assets/images/icons.gif); margin-top: 0; } .fancytree-connectors .fancytree-exp-n span.fancytree-expander, .fancytree-connectors .fancytree-exp-n span.fancytree-expander:hover { background-position: 0px -64px; } .fancytree-connectors .fancytree-exp-nl span.fancytree-expander, .fancytree-connectors .fancytree-exp-nl span.fancytree-expander:hover { background-position: -16px -64px; } .fancytree-exp-c span.fancytree-expander { background-position: 0px -80px; } .fancytree-exp-c span.fancytree-expander:hover { background-position: -16px -80px; } .fancytree-exp-cl span.fancytree-expander { background-position: 0px -96px; } .fancytree-exp-cl span.fancytree-expander:hover { background-position: -16px -96px; } .fancytree-exp-cd span.fancytree-expander { background-position: -64px -80px; } .fancytree-exp-cd span.fancytree-expander:hover { background-position: -80px -80px; } .fancytree-exp-cdl span.fancytree-expander { background-position: -64px -96px; } .fancytree-exp-cdl span.fancytree-expander:hover { background-position: -80px -96px; } .fancytree-exp-e span.fancytree-expander, .fancytree-exp-ed span.fancytree-expander { background-position: -32px -80px; } .fancytree-exp-e span.fancytree-expander:hover, .fancytree-exp-ed span.fancytree-expander:hover { background-position: -48px -80px; } .fancytree-exp-el span.fancytree-expander, .fancytree-exp-edl span.fancytree-expander { background-position: -32px -96px; } .fancytree-exp-el span.fancytree-expander:hover, .fancytree-exp-edl span.fancytree-expander:hover { background-position: -48px -96px; } /* Fade out expanders, when container is not hovered or active */ .fancytree-fade-expander span.fancytree-expander { transition: opacity 1.5s; opacity: 0; } .fancytree-fade-expander:hover span.fancytree-expander, .fancytree-fade-expander.fancytree-treefocus span.fancytree-expander, .fancytree-fade-expander .fancytree-treefocus span.fancytree-expander, .fancytree-fade-expander [class*='fancytree-statusnode-'] span.fancytree-expander { transition: opacity 0.6s; opacity: 1; } /*------------------------------------------------------------------------------ * Checkbox icon *----------------------------------------------------------------------------*/ span.fancytree-checkbox { margin-left: 3px; background-position: 0px -32px; } span.fancytree-checkbox:hover { background-position: -16px -32px; } span.fancytree-checkbox.fancytree-radio { background-position: 0px -48px; } span.fancytree-checkbox.fancytree-radio:hover { background-position: -16px -48px; } .fancytree-partsel span.fancytree-checkbox { background-position: -64px -32px; } .fancytree-partsel span.fancytree-checkbox:hover { background-position: -80px -32px; } .fancytree-partsel span.fancytree-checkbox.fancytree-radio { background-position: -64px -48px; } .fancytree-partsel span.fancytree-checkbox.fancytree-radio:hover { background-position: -80px -48px; } .fancytree-selected span.fancytree-checkbox { background-position: -32px -32px; } .fancytree-selected span.fancytree-checkbox:hover { background-position: -48px -32px; } .fancytree-selected span.fancytree-checkbox.fancytree-radio { background-position: -32px -48px; } .fancytree-selected span.fancytree-checkbox.fancytree-radio:hover { background-position: -48px -48px; } .fancytree-unselectable span.fancytree-checkbox { opacity: 0.4; filter: alpha(opacity=40); } .fancytree-unselectable span.fancytree-checkbox:hover { background-position: 0px -32px; } .fancytree-unselectable.fancytree-partsel span.fancytree-checkbox:hover { background-position: -64px -32px; } .fancytree-unselectable.fancytree-selected span.fancytree-checkbox:hover { background-position: -32px -32px; } /*------------------------------------------------------------------------------ * Node type icon * Note: IE6 doesn't correctly evaluate multiples class names, * so we create combined class names that can be used in the CSS. * * Prefix: fancytree-ico- * 1st character: 'e': expanded, 'c': collapsed * 2nd character (optional): 'f': folder *----------------------------------------------------------------------------*/ span.fancytree-icon { margin-left: 3px; background-position: 0px 0px; } /* Documents */ .fancytree-ico-c span.fancytree-icon:hover { background-position: -16px 0px; } .fancytree-has-children.fancytree-ico-c span.fancytree-icon { background-position: -32px 0px; } .fancytree-has-children.fancytree-ico-c span.fancytree-icon:hover { background-position: -48px 0px; } .fancytree-ico-e span.fancytree-icon { background-position: -64px 0px; } .fancytree-ico-e span.fancytree-icon:hover { background-position: -80px 0px; } /* Folders */ .fancytree-ico-cf span.fancytree-icon { background-position: 0px -16px; } .fancytree-ico-cf span.fancytree-icon:hover { background-position: -16px -16px; } .fancytree-has-children.fancytree-ico-cf span.fancytree-icon { background-position: -32px -16px; } .fancytree-has-children.fancytree-ico-cf span.fancytree-icon:hover { background-position: -48px -16px; } .fancytree-ico-ef span.fancytree-icon { background-position: -64px -16px; } .fancytree-ico-ef span.fancytree-icon:hover { background-position: -80px -16px; } .fancytree-loading span.fancytree-expander, .fancytree-loading span.fancytree-expander:hover, .fancytree-statusnode-loading span.fancytree-icon, .fancytree-statusnode-loading span.fancytree-icon:hover, span.fancytree-icon.fancytree-icon-loading { background-image: url(assets/images/loading.gif); background-position: 0px 0px; } /* Status node icons */ .fancytree-statusnode-error span.fancytree-icon, .fancytree-statusnode-error span.fancytree-icon:hover { background-position: 0px -112px; } /*------------------------------------------------------------------------------ * Node titles and highlighting *----------------------------------------------------------------------------*/ span.fancytree-node { /* See #117 */ display: inherit; width: 100%; margin-top: 0px; min-height: 20px; } span.fancytree-title { color: black; cursor: pointer; display: inline-block; vertical-align: top; min-height: 20px; padding: 0 3px 0 3px; margin: 0px 0 0 3px; border: 1px solid transparent; -webkit-border-radius: 0px; -moz-border-radius: 0px; -ms-border-radius: 0px; -o-border-radius: 0px; border-radius: 0px; } span.fancytree-node.fancytree-error span.fancytree-title { color: red; } /*------------------------------------------------------------------------------ * Drag'n'drop support *----------------------------------------------------------------------------*/ /* ext-dnd5: */ span.fancytree-childcounter { color: #fff; background: #337ab7; border: 1px solid gray; border-radius: 10px; padding: 2px; text-align: center; } /* ext-dnd: */ div.fancytree-drag-helper span.fancytree-childcounter, div.fancytree-drag-helper span.fancytree-dnd-modifier { display: inline-block; color: #fff; background: #337ab7; border: 1px solid gray; min-width: 10px; height: 10px; line-height: 1; vertical-align: baseline; border-radius: 10px; padding: 2px; text-align: center; font-size: 9px; } div.fancytree-drag-helper span.fancytree-childcounter { position: absolute; top: -6px; right: -6px; } div.fancytree-drag-helper span.fancytree-dnd-modifier { background: #5cb85c; border: none; font-weight: bolder; } div.fancytree-drag-helper.fancytree-drop-accept span.fancytree-drag-helper-img { background-position: -32px -112px; } div.fancytree-drag-helper.fancytree-drop-reject span.fancytree-drag-helper-img { background-position: -16px -112px; } /*** Drop marker icon *********************************************************/ #fancytree-drop-marker { width: 32px; position: absolute; background-position: 0px -128px; margin: 0; } #fancytree-drop-marker.fancytree-drop-after, #fancytree-drop-marker.fancytree-drop-before { width: 64px; background-position: 0px -144px; } #fancytree-drop-marker.fancytree-drop-copy { background-position: -64px -128px; } #fancytree-drop-marker.fancytree-drop-move { background-position: -32px -128px; } /*** Source node while dragging ***********************************************/ span.fancytree-drag-source.fancytree-drag-remove { opacity: 0.15; } /*** Target node while dragging cursor is over it *****************************/ /*------------------------------------------------------------------------------ * 'rtl' option *----------------------------------------------------------------------------*/ .fancytree-container.fancytree-rtl .fancytree-title { /*unicode-bidi: bidi-override;*/ /* optional: reverse title letters */ } .fancytree-container.fancytree-rtl span.fancytree-connector, .fancytree-container.fancytree-rtl span.fancytree-expander, .fancytree-container.fancytree-rtl span.fancytree-icon, .fancytree-container.fancytree-rtl span.fancytree-drag-helper-img { background-image: url(assets/images/icons-rtl.gif); } .fancytree-container.fancytree-rtl .fancytree-exp-n span.fancytree-expander, .fancytree-container.fancytree-rtl .fancytree-exp-nl span.fancytree-expander { background-image: none; } .fancytree-container.fancytree-rtl.fancytree-connectors .fancytree-exp-n span.fancytree-expander, .fancytree-container.fancytree-rtl.fancytree-connectors .fancytree-exp-nl span.fancytree-expander { background-image: url(assets/images/icons-rtl.gif); } ul.fancytree-container.fancytree-rtl ul { padding: 0 16px 0 0; } ul.fancytree-container.fancytree-rtl.fancytree-connectors li { background-position: right 0; background-image: url(assets/images/vline-rtl.gif); } ul.fancytree-container.fancytree-rtl li.fancytree-lastsib, ul.fancytree-container.fancytree-rtl.fancytree-no-connector > li { background-image: none; } #fancytree-drop-marker.fancytree-rtl { background-image: url(assets/images/icons-rtl.gif); } /*------------------------------------------------------------------------------ * 'table' extension *----------------------------------------------------------------------------*/ table.fancytree-ext-table { font-family: tahoma, arial, helvetica; font-size: 10pt; border-collapse: collapse;/* ext-ariagrid */ } table.fancytree-ext-table span.fancytree-node { display: inline-block; box-sizing: border-box; } table.fancytree-ext-table td.fancytree-status-merged { text-align: center; font-style: italic; color: #c0c0c0; } table.fancytree-ext-table tr.fancytree-statusnode-error td.fancytree-status-merged { color: red; } table.fancytree-ext-table.fancytree-ext-ariagrid.fancytree-cell-mode > tbody > tr.fancytree-active > td { background-color: #eee; } table.fancytree-ext-table.fancytree-ext-ariagrid.fancytree-cell-mode > tbody > tr > td.fancytree-active-cell { background-color: #cbe8f6; } table.fancytree-ext-table.fancytree-ext-ariagrid.fancytree-cell-mode.fancytree-cell-nav-mode > tbody > tr > td.fancytree-active-cell { background-color: #3875d7; } /*------------------------------------------------------------------------------ * 'columnview' extension *----------------------------------------------------------------------------*/ table.fancytree-ext-columnview tbody tr td { position: relative; border: 1px solid gray; vertical-align: top; overflow: auto; } table.fancytree-ext-columnview tbody tr td > ul { padding: 0; } table.fancytree-ext-columnview tbody tr td > ul li { list-style-image: none; list-style-position: outside; list-style-type: none; -moz-background-clip: border; -moz-background-inline-policy: continuous; -moz-background-origin: padding; background-attachment: scroll; background-color: transparent; background-position: 0px 0px; background-repeat: repeat-y; background-image: none; /* no v-lines */ margin: 0; } table.fancytree-ext-columnview span.fancytree-node { position: relative; /* allow positioning of embedded spans */ display: inline-block; } table.fancytree-ext-columnview span.fancytree-node.fancytree-expanded { background-color: #e0e0e0; } table.fancytree-ext-columnview span.fancytree-node.fancytree-active { background-color: #CBE8F6; } table.fancytree-ext-columnview .fancytree-has-children span.fancytree-cv-right { position: absolute; right: 3px; background-position: 0px -80px; } table.fancytree-ext-columnview .fancytree-has-children span.fancytree-cv-right:hover { background-position: -16px -80px; } /*------------------------------------------------------------------------------ * 'filter' extension *----------------------------------------------------------------------------*/ .fancytree-ext-filter-dimm span.fancytree-node span.fancytree-title { color: #c0c0c0; font-weight: lighter; } .fancytree-ext-filter-dimm tr.fancytree-submatch span.fancytree-title, .fancytree-ext-filter-dimm span.fancytree-node.fancytree-submatch span.fancytree-title { color: black; font-weight: normal; } .fancytree-ext-filter-dimm tr.fancytree-match span.fancytree-title, .fancytree-ext-filter-dimm span.fancytree-node.fancytree-match span.fancytree-title { color: black; font-weight: bold; } .fancytree-ext-filter-hide tr.fancytree-hide, .fancytree-ext-filter-hide span.fancytree-node.fancytree-hide { display: none; } .fancytree-ext-filter-hide tr.fancytree-submatch span.fancytree-title, .fancytree-ext-filter-hide span.fancytree-node.fancytree-submatch span.fancytree-title { color: #c0c0c0; font-weight: lighter; } .fancytree-ext-filter-hide tr.fancytree-match span.fancytree-title, .fancytree-ext-filter-hide span.fancytree-node.fancytree-match span.fancytree-title { color: black; font-weight: normal; } /* Hide expanders if all child nodes are hidden by filter */ .fancytree-ext-filter-hide-expanders tr.fancytree-match span.fancytree-expander, .fancytree-ext-filter-hide-expanders span.fancytree-node.fancytree-match span.fancytree-expander { visibility: hidden; } .fancytree-ext-filter-hide-expanders tr.fancytree-submatch span.fancytree-expander, .fancytree-ext-filter-hide-expanders span.fancytree-node.fancytree-submatch span.fancytree-expander { visibility: visible; } .fancytree-ext-childcounter span.fancytree-icon, .fancytree-ext-filter span.fancytree-icon, .fancytree-ext-childcounter span.fancytree-custom-icon, .fancytree-ext-filter span.fancytree-custom-icon { position: relative; } .fancytree-ext-childcounter span.fancytree-childcounter, .fancytree-ext-filter span.fancytree-childcounter { color: #fff; background: #777; border: 1px solid gray; position: absolute; top: -6px; right: -6px; min-width: 10px; height: 10px; line-height: 1; vertical-align: baseline; border-radius: 10px; padding: 2px; text-align: center; font-size: 9px; } /*------------------------------------------------------------------------------ * 'wide' extension *----------------------------------------------------------------------------*/ ul.fancytree-ext-wide { position: relative; min-width: 100%; z-index: 2; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } ul.fancytree-ext-wide span.fancytree-node > span { position: relative; z-index: 2; } ul.fancytree-ext-wide span.fancytree-node span.fancytree-title { position: absolute; z-index: 1; left: 0px; min-width: 100%; margin-left: 0; margin-right: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } /*------------------------------------------------------------------------------ * 'fixed' extension *----------------------------------------------------------------------------*/ .fancytree-ext-fixed-wrapper .fancytree-ext-fixed-hidden { display: none; } .fancytree-ext-fixed-wrapper div.fancytree-ext-fixed-scroll-border-bottom { border-bottom: 3px solid rgba(0, 0, 0, 0.75); } .fancytree-ext-fixed-wrapper div.fancytree-ext-fixed-scroll-border-right { border-right: 3px solid rgba(0, 0, 0, 0.75); } .fancytree-ext-fixed-wrapper div.fancytree-ext-fixed-wrapper-tl { position: absolute; overflow: hidden; z-index: 3; top: 0px; left: 0px; } .fancytree-ext-fixed-wrapper div.fancytree-ext-fixed-wrapper-tr { position: absolute; overflow: hidden; z-index: 2; top: 0px; } .fancytree-ext-fixed-wrapper div.fancytree-ext-fixed-wrapper-bl { position: absolute; overflow: hidden; z-index: 2; left: 0px; } .fancytree-ext-fixed-wrapper div.fancytree-ext-fixed-wrapper-br { position: absolute; overflow: scroll; z-index: 1; } /******************************************************************************* * Styles specific to this skin. * * This section is automatically generated from the `ui-fancytree.less` template. ******************************************************************************/ /******************************************************************************* * Node titles */ .fancytree-plain span.fancytree-title { border: 1px solid transparent; } .fancytree-plain.fancytree-container.fancytree-treefocus span.fancytree-focused span.fancytree-title { border-color: #3399ff; } .fancytree-plain span.fancytree-active span.fancytree-title, .fancytree-plain span.fancytree-selected span.fancytree-title { background-color: #f7f7f7; border-color: #dedede; } .fancytree-plain span.fancytree-node span.fancytree-selected span.fancytree-title { font-style: italic; } .fancytree-plain span.fancytree-node:hover span.fancytree-title { background-color: #eff9fe; border-color: #70c0e7; } .fancytree-plain.fancytree-container.fancytree-treefocus span.fancytree-active span.fancytree-title, .fancytree-plain.fancytree-container.fancytree-treefocus span.fancytree-selected span.fancytree-title { background-color: #cbe8f6; border-color: #26a0da; } /******************************************************************************* * 'table' extension */ table.fancytree-ext-table tbody tr td { border: 1px solid #EDEDED; } table.fancytree-ext-table tbody span.fancytree-node, table.fancytree-ext-table tbody span.fancytree-node:hover { border: none; background: none; } table.fancytree-ext-table tbody tr:hover { background-color: #E5F3FB; outline: 1px solid #70C0E7; } table.fancytree-ext-table tbody tr.fancytree-focused span.fancytree-title { outline: 1px dotted black; } table.fancytree-ext-table tbody tr.fancytree-active:hover, table.fancytree-ext-table tbody tr.fancytree-selected:hover { background-color: #CBE8F6; outline: 1px solid #26A0DA; } table.fancytree-ext-table tbody tr.fancytree-active { background-color: #F7F7F7; outline: 1px solid #DEDEDE; } table.fancytree-ext-table tbody tr.fancytree-selected { background-color: #F7F7F7; } table.fancytree-ext-table.fancytree-treefocus tbody tr.fancytree-active { background-color: #CBE8F6; outline: 1px solid #26A0DA; } table.fancytree-ext-table.fancytree-treefocus tbody tr.fancytree-selected { background-color: #CBE8F6; } .br-theme-bars-horizontal .br-widget { width: 120px; white-space: nowrap; } .br-theme-bars-horizontal .br-widget a { display: block; width: 120px; height: 5px; background-color: #fbedd9; margin: 1px; } .br-theme-bars-horizontal .br-widget a.br-active, .br-theme-bars-horizontal .br-widget a.br-selected { background-color: #EDB867; } .br-theme-bars-horizontal .br-widget .br-current-rating { width: 120px; font-size: 18px; font-weight: 600; line-height: 2; text-align: center; color: #EDB867; } .br-theme-bars-horizontal .br-readonly a { cursor: default; } .br-theme-bars-horizontal .br-readonly a.br-active, .br-theme-bars-horizontal .br-readonly a.br-selected { background-color: #f2cd95; } .br-theme-bars-horizontal .br-readonly .br-current-rating { color: #f2cd95; } @media print { .br-theme-bars-horizontal .br-widget a { border: 1px solid #b3b3b3; background: white; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .br-theme-bars-horizontal .br-widget a.br-active, .br-theme-bars-horizontal .br-widget a.br-selected { border: 1px solid black; background: white; } .br-theme-bars-horizontal .br-widget .br-current-rating { color: black; } } .br-theme-bars-movie .br-widget { height: 10px; white-space: nowrap; } .br-theme-bars-movie .br-widget a { display: block; width: 60px; height: 8px; float: left; background-color: #bbcefb; margin: 1px; } .br-theme-bars-movie .br-widget a.br-active, .br-theme-bars-movie .br-widget a.br-selected { background-color: #4278F5; } .br-theme-bars-movie .br-widget .br-current-rating { clear: both; width: 240px; text-align: center; font-weight: 600; display: block; padding: .5em 0; color: #4278F5; font-weight: 400; } .br-theme-bars-movie .br-readonly a { cursor: default; } .br-theme-bars-movie .br-readonly a.br-active, .br-theme-bars-movie .br-readonly a.br-selected { background-color: #729bf8; } .br-theme-bars-movie .br-readonly .br-current-rating { color: #729bf8; } @media print { .br-theme-bars-movie .br-widget a { border: 1px solid #b3b3b3; background: white; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .br-theme-bars-movie .br-widget a.br-active, .br-theme-bars-movie .br-widget a.br-selected { border: 1px solid black; background: white; } .br-theme-bars-movie .br-widget .br-current-rating { color: black; } } .br-theme-bars-pill .br-widget { white-space: nowrap; } .br-theme-bars-pill .br-widget a { padding: 7px 15px; background-color: #bef5e8; color: #50E3C2; text-decoration: none; font-size: 13px; line-height: 3; text-align: center; font-weight: 400; } .br-theme-bars-pill .br-widget a:first-child { -webkit-border-top-left-radius: 999px; -webkit-border-bottom-left-radius: 999px; -moz-border-radius-topleft: 999px; -moz-border-radius-bottomleft: 999px; border-top-left-radius: 999px; border-bottom-left-radius: 999px; } .br-theme-bars-pill .br-widget a:last-child { -webkit-border-top-right-radius: 999px; -webkit-border-bottom-right-radius: 999px; -moz-border-radius-topright: 999px; -moz-border-radius-bottomright: 999px; border-top-right-radius: 999px; border-bottom-right-radius: 999px; } .br-theme-bars-pill .br-widget a.br-active, .br-theme-bars-pill .br-widget a.br-selected { background-color: #50E3C2; color: white; } .br-theme-bars-pill .br-readonly a { cursor: default; } .br-theme-bars-pill .br-readonly a.br-active, .br-theme-bars-pill .br-readonly a.br-selected { background-color: #7cead1; } @media print { .br-theme-bars-pill .br-widget a { border: 1px solid #b3b3b3; border-left: none; background: white; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .br-theme-bars-pill .br-widget a.br-active, .br-theme-bars-pill .br-widget a.br-selected { border: 1px solid black; border-left: none; background: white; color: black; } .br-theme-bars-pill .br-widget a:first-child { border-left: 1px solid black; } } .br-theme-css-stars .br-widget { height: 28px; white-space: nowrap; } .br-theme-css-stars .br-widget a { text-decoration: none; height: 18px; width: 18px; float: left; font-size: 23px; margin-right: 5px; } .br-theme-css-stars .br-widget a:after { content: "\2605"; color: #d2d2d2; } .br-theme-css-stars .br-widget a.br-active:after { color: #EDB867; } .br-theme-css-stars .br-widget a.br-selected:after { color: #EDB867; } .br-theme-css-stars .br-widget .br-current-rating { display: none; } .br-theme-css-stars .br-readonly a { cursor: default; } @media print { .br-theme-css-stars .br-widget a:after { content: "\2606"; color: black; } .br-theme-css-stars .br-widget a.br-active:after, .br-theme-css-stars .br-widget a.br-selected:after { content: "\2605"; color: black; } } .br-theme-bars-1to10 .br-widget { height: 50px; white-space: nowrap; } .br-theme-bars-1to10 .br-widget a { display: block; width: 12px; padding: 5px 0; height: 28px; float: left; background-color: #fbedd9; margin: 1px; text-align: center; } .br-theme-bars-1to10 .br-widget a.br-active, .br-theme-bars-1to10 .br-widget a.br-selected { background-color: #EDB867; } .br-theme-bars-1to10 .br-widget .br-current-rating { font-size: 20px; line-height: 2; float: left; padding: 0 20px 0 20px; color: #EDB867; font-weight: 400; } .br-theme-bars-1to10 .br-readonly a { cursor: default; } .br-theme-bars-1to10 .br-readonly a.br-active, .br-theme-bars-1to10 .br-readonly a.br-selected { background-color: #f2cd95; } .br-theme-bars-1to10 .br-readonly .br-current-rating { color: #f2cd95; } @media print { .br-theme-bars-1to10 .br-widget a { border: 1px solid #b3b3b3; background: white; height: 38px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .br-theme-bars-1to10 .br-widget a.br-active, .br-theme-bars-1to10 .br-widget a.br-selected { border: 1px solid black; background: white; } .br-theme-bars-1to10 .br-widget .br-current-rating { color: black; } } .border-primary { border-color: #3f6ad8; } .border-secondary { border-color: #6c757d; } .border-success { border-color: #3ac47d; } .border-info { border-color: #16aaff; } .border-warning { border-color: #f7b924; } .border-danger { border-color: #FF4961; } .border-light { border-color: #eee; } .border-dark { border-color: #343a40; } .border-focus { border-color: #444054; } .border-alternate { border-color: #794c8a; } .list-group-item-primary { color: #213770; background-color: #c9d5f4; } .list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus { color: #213770; background-color: #b4c5f0; } .list-group-item-primary.list-group-item-action.active { color: #fff; background-color: #213770; border-color: #213770; } .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: #1e6641; background-color: #c8eedb; } .list-group-item-success.list-group-item-action:hover, .list-group-item-success.list-group-item-action:focus { color: #1e6641; background-color: #b5e8ce; } .list-group-item-success.list-group-item-action.active { color: #fff; background-color: #1e6641; border-color: #1e6641; } .list-group-item-info { color: #0b5885; background-color: #bee7ff; } .list-group-item-info.list-group-item-action:hover, .list-group-item-info.list-group-item-action:focus { color: #0b5885; background-color: #a5deff; } .list-group-item-info.list-group-item-action.active { color: #fff; background-color: #0b5885; border-color: #0b5885; } .list-group-item-warning { color: #806013; background-color: #fdebc2; } .list-group-item-warning.list-group-item-action:hover, .list-group-item-warning.list-group-item-action:focus { color: #806013; background-color: #fce3a9; } .list-group-item-warning.list-group-item-action.active { color: #fff; background-color: #806013; border-color: #806013; } .list-group-item-danger { color: #71132a; background-color: #f4c2ce; } .list-group-item-danger.list-group-item-action:hover, .list-group-item-danger.list-group-item-action:focus { color: #71132a; background-color: #f0acbd; } .list-group-item-danger.list-group-item-action.active { color: #fff; background-color: #71132a; border-color: #71132a; } .list-group-item-light { color: #7c7c7c; background-color: #fafafa; } .list-group-item-light.list-group-item-action:hover, .list-group-item-light.list-group-item-action:focus { color: #7c7c7c; background-color: #ededed; } .list-group-item-light.list-group-item-action.active { color: #fff; background-color: #7c7c7c; border-color: #7c7c7c; } .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; } .list-group-item-focus { color: #23212c; background-color: #cbcacf; } .list-group-item-focus.list-group-item-action:hover, .list-group-item-focus.list-group-item-action:focus { color: #23212c; background-color: #bebdc3; } .list-group-item-focus.list-group-item-action.active { color: #fff; background-color: #23212c; border-color: #23212c; } .list-group-item-alternate { color: #3f2848; background-color: #d9cdde; } .list-group-item-alternate.list-group-item-action:hover, .list-group-item-alternate.list-group-item-action:focus { color: #3f2848; background-color: #cdbed4; } .list-group-item-alternate.list-group-item-action.active { color: #fff; background-color: #3f2848; border-color: #3f2848; } .bg-primary { background-color: #3f6ad8 !important; } a.bg-primary:hover, a.bg-primary:focus, button.bg-primary:hover, button.bg-primary:focus { background-color: #2651be !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: #3ac47d !important; } a.bg-success:hover, a.bg-success:focus, button.bg-success:hover, button.bg-success:focus { background-color: #2e9d64 !important; } .bg-info { background-color: #16aaff !important; } a.bg-info:hover, a.bg-info:focus, button.bg-info:hover, button.bg-info:focus { background-color: #0090e2 !important; } .bg-warning { background-color: #f7b924 !important; } a.bg-warning:hover, a.bg-warning:focus, button.bg-warning:hover, button.bg-warning:focus { background-color: #e0a008 !important; } .bg-danger { background-color: #FF4961 !important; } a.bg-danger:hover, a.bg-danger:focus, button.bg-danger:hover, button.bg-danger:focus { background-color: #ad1e40 !important; } .bg-light { background-color: #eee !important; } a.bg-light:hover, a.bg-light:focus, button.bg-light:hover, button.bg-light:focus { background-color: #d5d5d5 !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-focus { background-color: #444054 !important; } a.bg-focus:hover, a.bg-focus:focus, button.bg-focus:hover, button.bg-focus:focus { background-color: #2d2a37 !important; } .bg-alternate { background-color: #794c8a !important; } a.bg-alternate:hover, a.bg-alternate:focus, button.bg-alternate:hover, button.bg-alternate:focus { background-color: #5c3a69 !important; } :root { --blue: #007bff; --indigo: #6610f2; --purple: #6f42c1; --pink: #e83e8c; --red: #dc3545; --orange: #fd7e14; --yellow: #ffc107; --green: #28a745; --teal: #20c997; --cyan: #17a2b8; --white: #fff; --gray: #6c757d; --gray-dark: #343a40; --primary: #3f6ad8; --secondary: #6c757d; --success: #3ac47d; --info: #16aaff; --warning: #f7b924; --danger: #FF4961; --light: #eee; --dark: #343a40; --focus: #444054; --alternate: #794c8a; --breakpoint-xs: 0; --breakpoint-sm: 576px; --breakpoint-md: 768px; --breakpoint-lg: 992px; --breakpoint-xl: 1200px; --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; } *, *::before, *::after { box-sizing: border-box; } html { font-family: sans-serif; line-height: 1.15; -webkit-text-size-adjust: 100%; -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-size: 12px; line-height:26px; color: #495057; background-color: #fff; overflow-x: hidden; } [tabindex="-1"]:focus { outline: 0 !important; } hr { box-sizing: content-box; height: 0; overflow: visible; } h1, h2, h3, h4, h5, h6 { margin-top: 0; margin-bottom: .5rem; } p { margin-top: 0; margin-bottom: 1rem; } abbr[title], abbr[data-original-title] { text-decoration: underline; text-decoration: underline dotted; cursor: help; border-bottom: 0; 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: .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: -.25em; } sup { top: -.5em; } a { color: #3f6ad8; text-decoration: none; background-color: transparent; } a:hover { /*color: #0056b3;*/ text-decoration: underline; } a:not([href]):not([tabindex]) { text-decoration: none; } a:not([href]):not([tabindex]):hover, a:not([href]):not([tabindex]):focus { text-decoration: none; } a:not([href]):not([tabindex]):focus { outline: 0; } pre, code, kbd, samp { font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; font-size: 1em; } pre { margin-top: 0; margin-bottom: 1rem; overflow: auto; } figure { margin: 0 0 1rem; } img { vertical-align: middle; border-style: none; max-width:100%; } svg { overflow: hidden; vertical-align: middle; } table { width:100%; border-collapse:collapse; } caption { padding-top: .55rem; padding-bottom: .55rem; color: #6c757d; text-align: left; caption-side: bottom; } th { text-align: inherit; } button { border-radius: 0; } button:focus { outline: 1px dotted; outline: 5px auto -webkit-focus-ring-color; } optgroup{ margin: 0; font-family: inherit; font-size: inherit; line-height: inherit; } button, input { overflow: visible; } button, select { text-transform: none; } button, [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; } button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { padding: 0; border-style: none; } input[type="radio"], input[type="checkbox"] { box-sizing: border-box; padding: 0; } input[type="date"], input[type="time"], input[type="datetime-local"], input[type="month"] { -webkit-appearance: listbox; } textarea { overflow: auto; resize: vertical; } legend { display: block; max-width: 100%; padding: 0 5px; margin-bottom: .5rem; font-size: 1.5rem; line-height: inherit; color: inherit; white-space: normal; } progress { vertical-align: baseline; } [type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; } [type="search"]::-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: .5rem; font-family: inherit; font-weight: 400; line-height: 1.2; color: inherit; } h1, .h1 { font-size: 2.5rem; } h2, .h2 { font-size: 2rem; } h3, .h3 { font-size: 1.75rem; } h4, .h4 { font-size: 1.5rem; } h5, .h5 { font-size: 1.25rem; } h6, .h6 { font-size: 1rem; } .lead { font-size: 1.25rem; 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: .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: .5rem; } .initialism { font-size: 90%; text-transform: uppercase; } .blockquote { margin-bottom: 1rem; font-size: 1.25rem; } .blockquote-footer { display: block; font-size: 80%; color: #6c757d; } .blockquote-footer::before { content: "\2014\00A0"; } .img-fluid { max-width: 100%; height: auto; } .img-thumbnail { padding: .25rem; background-color: #fff; border: 1px solid #dee2e6; border-radius: .25rem; max-width: 100%; height: auto; } .figure { display: inline-block; } .figure-img { margin-bottom: .5rem; line-height: 1; } .figure-caption { font-size: 90%; color: #6c757d; } code { font-size: 87.5%; color: #e83e8c; word-break: break-word; } a > code { color: inherit; } kbd { padding: .2rem .4rem; font-size: 87.5%; color: #fff; background-color: #212529; border-radius: .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 { width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; } @media (min-width: 576px) { .container { max-width: 540px; } } @media (min-width: 768px) { .container { max-width: 720px; } } @media (min-width: 992px) { .container { max-width: 960px; } } @media (min-width: 1200px) { .container { max-width: 1140px; } } .container-fluid { width: 101%; padding-right: 15px; padding-left: 0px; margin-right: auto; margin-left: auto; } .row { display: flex; flex-wrap: wrap; /*margin-right: 0; margin-left: 0;*/ } .no-gutters { margin-right: 0; margin-left: 0; } .no-gutters > .col, .no-gutters > [class*="col-"] { padding-right: 0; padding-left: 0; } .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl, .col-xl-auto { position: relative; width: 100%; padding-right: 15px; padding-left: 15px; } .col { flex-basis: 0; flex-grow: 1; max-width: 100%; } .col-auto { flex: 0 0 auto; width: auto; max-width: 100%; } .col-1 { flex: 0 0 8.33333%; max-width: 8.33333%; } .col-2 { flex: 0 0 16.66667%; max-width: 16.66667%; } .col-3 { flex: 0 0 25%; max-width: 25%; } .col-4 { flex: 0 0 33.33333%; max-width: 33.33333%; } .col-5 { flex: 0 0 41.66667%; max-width: 41.66667%; } .col-6 { flex: 0 0 50%; max-width: 50%; } .col-7 { flex: 0 0 58.33333%; max-width: 58.33333%; } .col-8 { flex: 0 0 66.66667%; max-width: 66.66667%; } .col-9 { flex: 0 0 75%; max-width: 75%; } .col-10 { flex: 0 0 83.33333%; max-width: 83.33333%; } .col-11 { flex: 0 0 91.66667%; max-width: 91.66667%; } .col-12 { flex: 0 0 100%; max-width: 100%; } .order-first { order: -1; } .order-last { order: 13; } .order-0 { order: 0; } .order-1 { order: 1; } .order-2 { order: 2; } .order-3 { order: 3; } .order-4 { order: 4; } .order-5 { order: 5; } .order-6 { order: 6; } .order-7 { order: 7; } .order-8 { order: 8; } .order-9 { order: 9; } .order-10 { order: 10; } .order-11 { order: 11; } .order-12 { order: 12; } .offset-1 { margin-left: 8.33333%; } .offset-2 { margin-left: 16.66667%; } .offset-3 { margin-left: 25%; } .offset-4 { margin-left: 33.33333%; } .offset-5 { margin-left: 41.66667%; } .offset-6 { margin-left: 50%; } .offset-7 { margin-left: 58.33333%; } .offset-8 { margin-left: 66.66667%; } .offset-9 { margin-left: 75%; } .offset-10 { margin-left: 83.33333%; } .offset-11 { margin-left: 91.66667%; } @media (min-width: 576px) { .col-sm { flex-basis: 0; flex-grow: 1; max-width: 100%; } .col-sm-auto { flex: 0 0 auto; width: auto; max-width: 100%; } .col-sm-1 { flex: 0 0 8.33333%; max-width: 8.33333%; } .col-sm-2 { flex: 0 0 16.66667%; max-width: 16.66667%; } .col-sm-3 { flex: 0 0 25%; max-width: 25%; } .col-sm-4 { flex: 0 0 33.33333%; max-width: 33.33333%; } .col-sm-5 { flex: 0 0 41.66667%; max-width: 41.66667%; } .col-sm-6 { flex: 0 0 50%; max-width: 50%; } .col-sm-7 { flex: 0 0 58.33333%; max-width: 58.33333%; } .col-sm-8 { flex: 0 0 66.66667%; max-width: 66.66667%; } .col-sm-9 { flex: 0 0 75%; max-width: 75%; } .col-sm-10 { flex: 0 0 83.33333%; max-width: 83.33333%; } .col-sm-11 { flex: 0 0 91.66667%; max-width: 91.66667%; } .col-sm-12 { flex: 0 0 100%; max-width: 100%; } .order-sm-first { order: -1; } .order-sm-last { order: 13; } .order-sm-0 { order: 0; } .order-sm-1 { order: 1; } .order-sm-2 { order: 2; } .order-sm-3 { order: 3; } .order-sm-4 { order: 4; } .order-sm-5 { order: 5; } .order-sm-6 { order: 6; } .order-sm-7 { order: 7; } .order-sm-8 { order: 8; } .order-sm-9 { order: 9; } .order-sm-10 { order: 10; } .order-sm-11 { order: 11; } .order-sm-12 { order: 12; } .offset-sm-0 { margin-left: 0; } .offset-sm-1 { margin-left: 8.33333%; } .offset-sm-2 { margin-left: 16.66667%; } .offset-sm-3 { margin-left: 25%; } .offset-sm-4 { margin-left: 33.33333%; } .offset-sm-5 { margin-left: 41.66667%; } .offset-sm-6 { margin-left: 50%; } .offset-sm-7 { margin-left: 58.33333%; } .offset-sm-8 { margin-left: 66.66667%; } .offset-sm-9 { margin-left: 75%; } .offset-sm-10 { margin-left: 83.33333%; } .offset-sm-11 { margin-left: 91.66667%; } } @media (min-width: 768px) { .col-md { flex-basis: 0; flex-grow: 1; max-width: 100%; } .col-md-auto { flex: 0 0 auto; width: auto; max-width: 100%; } .col-md-1 { flex: 0 0 8.33333%; max-width: 8.33333%; } .col-md-2 { flex: 0 0 16.66667%; max-width: 16.66667%; } .col-md-3 { flex: 0 0 25%; max-width: 25%; } .col-md-4 { flex: 0 0 33.33333%; max-width: 33.33333%; } .col-md-5 { flex: 0 0 41.66667%; max-width: 41.66667%; } .col-md-6 { flex: 0 0 50%; max-width: 50%; } .col-md-7 { flex: 0 0 58.33333%; max-width: 58.33333%; } .col-md-8 { flex: 0 0 66.66667%; max-width: 66.66667%; } .col-md-9 { flex: 0 0 75%; max-width: 75%; } .col-md-10 { flex: 0 0 83.33333%; max-width: 83.33333%; } .col-md-11 { flex: 0 0 91.66667%; max-width: 91.66667%; } .col-md-12 { flex: 0 0 100%; max-width: 100%; } .order-md-first { order: -1; } .order-md-last { order: 13; } .order-md-0 { order: 0; } .order-md-1 { order: 1; } .order-md-2 { order: 2; } .order-md-3 { order: 3; } .order-md-4 { order: 4; } .order-md-5 { order: 5; } .order-md-6 { order: 6; } .order-md-7 { order: 7; } .order-md-8 { order: 8; } .order-md-9 { order: 9; } .order-md-10 { order: 10; } .order-md-11 { order: 11; } .order-md-12 { order: 12; } .offset-md-0 { margin-left: 0; } .offset-md-1 { margin-left: 8.33333%; } .offset-md-2 { margin-left: 16.66667%; } .offset-md-3 { margin-left: 25%; } .offset-md-4 { margin-left: 33.33333%; } .offset-md-5 { margin-left: 41.66667%; } .offset-md-6 { margin-left: 50%; } .offset-md-7 { margin-left: 58.33333%; } .offset-md-8 { margin-left: 66.66667%; } .offset-md-9 { margin-left: 75%; } .offset-md-10 { margin-left: 83.33333%; } .offset-md-11 { margin-left: 91.66667%; } } @media (min-width: 992px) { .col-lg { flex-basis: 0; flex-grow: 1; max-width: 100%; } .col-lg-auto { flex: 0 0 auto; width: auto; max-width: 100%; } .col-lg-1 { flex: 0 0 8.33333%; max-width: 8.33333%; } .col-lg-2 { flex: 0 0 16.66667%; max-width: 16.66667%; } .col-lg-3 { flex: 0 0 25%; max-width: 25%; } .col-lg-4 { flex: 0 0 33.33333%; max-width: 33.33333%; } .col-lg-5 { flex: 0 0 41.66667%; max-width: 41.66667%; } .col-lg-6 { flex: 0 0 50%; max-width: 50%; } .col-lg-7 { flex: 0 0 58.33333%; max-width: 58.33333%; } .col-lg-8 { flex: 0 0 66.66667%; max-width: 66.66667%; } .col-lg-9 { flex: 0 0 75%; max-width: 75%; } .col-lg-10 { flex: 0 0 83.33333%; max-width: 83.33333%; } .col-lg-11 { flex: 0 0 91.66667%; max-width: 91.66667%; } .col-lg-12 { flex: 0 0 100%; max-width: 100%; } .order-lg-first { order: -1; } .order-lg-last { order: 13; } .order-lg-0 { order: 0; } .order-lg-1 { order: 1; } .order-lg-2 { order: 2; } .order-lg-3 { order: 3; } .order-lg-4 { order: 4; } .order-lg-5 { order: 5; } .order-lg-6 { order: 6; } .order-lg-7 { order: 7; } .order-lg-8 { order: 8; } .order-lg-9 { order: 9; } .order-lg-10 { order: 10; } .order-lg-11 { order: 11; } .order-lg-12 { order: 12; } .offset-lg-0 { margin-left: 0; } .offset-lg-1 { margin-left: 8.33333%; } .offset-lg-2 { margin-left: 16.66667%; } .offset-lg-3 { margin-left: 25%; } .offset-lg-4 { margin-left: 33.33333%; } .offset-lg-5 { margin-left: 41.66667%; } .offset-lg-6 { margin-left: 50%; } .offset-lg-7 { margin-left: 58.33333%; } .offset-lg-8 { margin-left: 66.66667%; } .offset-lg-9 { margin-left: 75%; } .offset-lg-10 { margin-left: 83.33333%; } .offset-lg-11 { margin-left: 91.66667%; } } @media (min-width: 1200px) { .col-xl { flex-basis: 0; flex-grow: 1; max-width: 100%; } .col-xl-auto { flex: 0 0 auto; width: auto; max-width: 100%; } .col-xl-1 { flex: 0 0 8.33333%; max-width: 8.33333%; } .col-xl-2 { flex: 0 0 16.66667%; max-width: 16.66667%; } .col-xl-3 { flex: 0 0 25%; max-width: 25%; } .col-xl-4 { flex: 0 0 33.33333%; max-width: 33.33333%; } .col-xl-5 { flex: 0 0 41.66667%; max-width: 41.66667%; } .col-xl-6 { flex: 0 0 50%; max-width: 50%; } .col-xl-7 { flex: 0 0 58.33333%; max-width: 58.33333%; } .col-xl-8 { flex: 0 0 66.66667%; max-width: 66.66667%; } .col-xl-9 { flex: 0 0 75%; max-width: 75%; } .col-xl-10 { flex: 0 0 83.33333%; max-width: 83.33333%; } .col-xl-11 { flex: 0 0 91.66667%; max-width: 91.66667%; } .col-xl-12 { flex: 0 0 100%; max-width: 100%; } .order-xl-first { order: -1; } .order-xl-last { order: 13; } .order-xl-0 { order: 0; } .order-xl-1 { order: 1; } .order-xl-2 { order: 2; } .order-xl-3 { order: 3; } .order-xl-4 { order: 4; } .order-xl-5 { order: 5; } .order-xl-6 { order: 6; } .order-xl-7 { order: 7; } .order-xl-8 { order: 8; } .order-xl-9 { order: 9; } .order-xl-10 { order: 10; } .order-xl-11 { order: 11; } .order-xl-12 { order: 12; } .offset-xl-0 { margin-left: 0; } .offset-xl-1 { margin-left: 8.33333%; } .offset-xl-2 { margin-left: 16.66667%; } .offset-xl-3 { margin-left: 25%; } .offset-xl-4 { margin-left: 33.33333%; } .offset-xl-5 { margin-left: 41.66667%; } .offset-xl-6 { margin-left: 50%; } .offset-xl-7 { margin-left: 58.33333%; } .offset-xl-8 { margin-left: 66.66667%; } .offset-xl-9 { margin-left: 75%; } .offset-xl-10 { margin-left: 83.33333%; } .offset-xl-11 { margin-left: 91.66667%; } } .table { margin-bottom: 1rem; } .table th { padding: .6rem .55rem; vertical-align: top; border-top: 1px solid #e9ecef; } .table td { padding: .25rem .55rem; vertical-align: top; border-top: 1px solid #e9ecef; } .table thead th { vertical-align: bottom; border-bottom: 2px solid #e9ecef; } .table tbody + tbody { border-top: 2px solid #e9ecef; } .table .table { background-color: #fff; } .table-sm th, .table-sm td { padding: .3rem; } .table-bordered { border: 1px solid #e9ecef; } .table-bordered th, .table-bordered td { border: 1px solid #e9ecef; } .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-primary, .table-primary > th, .table-primary > td { background-color: #c9d5f4; } .table-primary th, .table-primary td, .table-primary thead th, .table-primary tbody + tbody { border-color: #9bb2eb; } .table-hover .table-primary:hover { background-color: #b4c5f0; } .table-hover .table-primary:hover > td, .table-hover .table-primary:hover > th { background-color: #b4c5f0; } .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: #c8eedb; } .table-success th, .table-success td, .table-success thead th, .table-success tbody + tbody { border-color: #99e0bb; } .table-hover .table-success:hover { background-color: #b5e8ce; } .table-hover .table-success:hover > td, .table-hover .table-success:hover > th { background-color: #b5e8ce; } .table-info, .table-info > th, .table-info > td { background-color: #bee7ff; } .table-info th, .table-info td, .table-info thead th, .table-info tbody + tbody { border-color: #86d3ff; } .table-hover .table-info:hover { background-color: #a5deff; } .table-hover .table-info:hover > td, .table-hover .table-info:hover > th { background-color: #a5deff; } .table-warning, .table-warning > th, .table-warning > td { background-color: #fdebc2; } .table-warning th, .table-warning td, .table-warning thead th, .table-warning tbody + tbody { border-color: #fbdb8d; } .table-hover .table-warning:hover { background-color: #fce3a9; } .table-hover .table-warning:hover > td, .table-hover .table-warning:hover > th { background-color: #fce3a9; } .table-danger, .table-danger > th, .table-danger > td { background-color: #f4c2ce; } .table-danger th, .table-danger td, .table-danger thead th, .table-danger tbody + tbody { border-color: #eb8ea4; } .table-hover .table-danger:hover { background-color: #f0acbd; } .table-hover .table-danger:hover > td, .table-hover .table-danger:hover > th { background-color: #f0acbd; } .table-light, .table-light > th, .table-light > td { background-color: #fafafa; } .table-light th, .table-light td, .table-light thead th, .table-light tbody + tbody { border-color: #f6f6f6; } .table-hover .table-light:hover { background-color: #ededed; } .table-hover .table-light:hover > td, .table-hover .table-light:hover > th { background-color: #ededed; } .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-focus, .table-focus > th, .table-focus > td { background-color: #cbcacf; } .table-focus th, .table-focus td, .table-focus thead th, .table-focus tbody + tbody { border-color: #9e9ca6; } .table-hover .table-focus:hover { background-color: #bebdc3; } .table-hover .table-focus:hover > td, .table-hover .table-focus:hover > th { background-color: #bebdc3; } .table-alternate, .table-alternate > th, .table-alternate > td { background-color: #d9cdde; } .table-alternate th, .table-alternate td, .table-alternate thead th, .table-alternate tbody + tbody { border-color: #b9a2c2; } .table-hover .table-alternate:hover { background-color: #cdbed4; } .table-hover .table-alternate:hover > td, .table-hover .table-alternate:hover > th { background-color: #cdbed4; } .table-active, .table-active > th, .table-active > td { background-color: #e0f3ff; } .table-hover .table-active:hover { background-color: #c7e9ff; } .table-hover .table-active:hover > td, .table-hover .table-active:hover > th { background-color: #c7e9ff; } .table .thead-dark th { color: #fff; background-color: #212529; border-color: #32383e; } .table .thead-light th { color: #6c757d; background-color: #f8f9fa; border-color: #e9ecef; } .table-dark { color: #fff; background-color: #212529; } .table-dark th, .table-dark td, .table-dark thead th { border-color: #32383e; } .table-dark.table-bordered { border: 0; } .table-dark.table-striped tbody tr:nth-of-type(odd) { background-color: rgba(255, 255, 255, 0.05); } .table-dark.table-hover tbody tr:hover { background-color: rgba(255, 255, 255, 0.075); } @media (max-width: 575.98px) { .table-responsive-sm { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; } .table-responsive-sm > .table-bordered { border: 0; } } @media (max-width: 767.98px) { .table-responsive-md { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; } .table-responsive-md > .table-bordered { border: 0; } } @media (max-width: 991.98px) { .table-responsive-lg { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; } .table-responsive-lg > .table-bordered { border: 0; } } @media (max-width: 1199.98px) { .table-responsive-xl { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; } .table-responsive-xl > .table-bordered { border: 0; } } .table-responsive { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; } .table-responsive > .table-bordered { border: 0; } @media screen and (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: #a9bcee; outline: 0; } .form-control::placeholder { color: #a4a6a9; opacity: 1; font-weight: normal; } .form-control:focus::placeholder { color: transparent; opacity: 1; } .form-control:disabled, .form-control[readonly] { background-color: #e9ecef; opacity: 1; } 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(.375rem + 1px); padding-bottom: calc(.375rem + 1px); margin-bottom: 0; font-size: inherit; line-height: 1.5; } .col-form-label-lg { padding-top: calc(.5rem + 1px); padding-bottom: calc(.5rem + 1px); font-size: 1.25rem; line-height: 1.5; } .col-form-label-sm { padding-top: calc(.25rem + 1px); padding-bottom: calc(.25rem + 1px); font-size: .875rem; line-height: 1.5; } .form-control-plaintext { display: block; width: 100%; padding-top: .375rem; padding-bottom: .375rem; margin-bottom: 0; line-height: 1.5; 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.8125rem + 2px); padding: .25rem .5rem; font-size: .875rem; line-height: 1.5; border-radius: .2rem; } .form-control-lg { height: calc(2.875rem + 2px); padding: .5rem 1rem; font-size: 1.25rem; line-height: 1.5; border-radius: .3rem; } select.form-control[size], select.form-control[multiple] { height: auto; } textarea.form-control { height: auto; } .form-group { margin-bottom: 0; } .form-text { display: block; margin-top: .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: .3rem; margin-left: -1.25rem; } .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: .75rem; } .form-check-inline .form-check-input { position: static; margin-top: 0; margin-right: .3125rem; margin-left: 0; } .valid-feedback { display: none; width: 100%; margin-top: .25rem; font-size: 80%; color: #3ac47d; } .valid-tooltip { position: absolute; top: 100%; z-index: 5; display: none; max-width: 100%; padding: .25rem .5rem; margin-top: .1rem; font-size: .875rem; line-height: 1.5; color: #fff; background-color: rgba(58, 196, 125, 0.9); border-radius: .25rem; } .was-validated .form-control:valid, .form-control.is-valid { border-color: #3ac47d; padding-right: 2.25rem; background-repeat: no-repeat; background-position: center right calc(2.25rem / 4); background-size: calc(2.25rem / 2) calc(2.25rem / 2); background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' 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"); } .was-validated .form-control:valid:focus, .form-control.is-valid:focus { border-color: #3ac47d; box-shadow: 0 0 0 .2rem rgba(58, 196, 125, 0.25); } .was-validated .form-control:valid ~ .valid-feedback, .was-validated .form-control:valid ~ .valid-tooltip, .form-control.is-valid ~ .valid-feedback, .form-control.is-valid ~ .valid-tooltip { display: block; } .was-validated textarea.form-control:valid, textarea.form-control.is-valid { padding-right: 2.25rem; background-position: top calc(2.25rem / 4) right calc(2.25rem / 4); } .was-validated .custom-select:valid, .custom-select.is-valid { border-color: #3ac47d; padding-right: 3.4375rem; background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right .75rem center/8px 10px, url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' 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") no-repeat center right 1.75rem/1.125rem 1.125rem; } .was-validated .custom-select:valid:focus, .custom-select.is-valid:focus { border-color: #3ac47d; box-shadow: 0 0 0 .2rem rgba(58, 196, 125, 0.25); } .was-validated .custom-select:valid ~ .valid-feedback, .was-validated .custom-select:valid ~ .valid-tooltip, .custom-select.is-valid ~ .valid-feedback, .custom-select.is-valid ~ .valid-tooltip { display: block; } .was-validated .form-control-file:valid ~ .valid-feedback, .was-validated .form-control-file:valid ~ .valid-tooltip, .form-control-file.is-valid ~ .valid-feedback, .form-control-file.is-valid ~ .valid-tooltip { display: block; } .was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label { color: #3ac47d; } .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: #3ac47d; } .was-validated .custom-control-input:valid ~ .custom-control-label::before, .custom-control-input.is-valid ~ .custom-control-label::before { border-color: #3ac47d; } .was-validated .custom-control-input:valid ~ .valid-feedback, .was-validated .custom-control-input:valid ~ .valid-tooltip, .custom-control-input.is-valid ~ .valid-feedback, .custom-control-input.is-valid ~ .valid-tooltip { display: block; } .was-validated .custom-control-input:valid:checked ~ .custom-control-label::before, .custom-control-input.is-valid:checked ~ .custom-control-label::before { border-color: #61d097; background-color: #61d097; } .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 .2rem rgba(58, 196, 125, 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: #3ac47d; } .was-validated .custom-file-input:valid ~ .custom-file-label, .custom-file-input.is-valid ~ .custom-file-label { border-color: #3ac47d; } .was-validated .custom-file-input:valid ~ .valid-feedback, .was-validated .custom-file-input:valid ~ .valid-tooltip, .custom-file-input.is-valid ~ .valid-feedback, .custom-file-input.is-valid ~ .valid-tooltip { display: block; } .was-validated .custom-file-input:valid:focus ~ .custom-file-label, .custom-file-input.is-valid:focus ~ .custom-file-label { border-color: #3ac47d; box-shadow: 0 0 0 .2rem rgba(58, 196, 125, 0.25); } .invalid-feedback { display: none; width: 100%; margin-top: .25rem; font-size: 80%; color: #FF4961; } .invalid-tooltip { position: absolute; top: 100%; z-index: 5; display: none; max-width: 100%; padding: .25rem .5rem; margin-top: .1rem; font-size: .875rem; line-height: 1.5; color: #fff; background-color: rgba(217, 37, 80, 0.9); border-radius: .25rem; } .was-validated .form-control:invalid, .form-control.is-invalid { border-color: #FF4961; padding-right: 2.25rem; background-repeat: no-repeat; background-position: center right calc(2.25rem / 4); background-size: calc(2.25rem / 2) calc(2.25rem / 2); background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23dc3545' viewBox='-2 -2 7 7'%3e%3cpath stroke='%23d9534f' d='M0 0l3 3m0-3L0 3'/%3e%3ccircle r='.5'/%3e%3ccircle cx='3' r='.5'/%3e%3ccircle cy='3' r='.5'/%3e%3ccircle cx='3' cy='3' r='.5'/%3e%3c/svg%3E"); } .was-validated .form-control:invalid:focus, .form-control.is-invalid:focus { border-color: #FF4961; box-shadow: 0 0 0 .2rem rgba(217, 37, 80, 0.25); } .was-validated .form-control:invalid ~ .invalid-feedback, .was-validated .form-control:invalid ~ .invalid-tooltip, .form-control.is-invalid ~ .invalid-feedback, .form-control.is-invalid ~ .invalid-tooltip { display: block; } .was-validated textarea.form-control:invalid, textarea.form-control.is-invalid { padding-right: 2.25rem; background-position: top calc(2.25rem / 4) right calc(2.25rem / 4); } .was-validated .custom-select:invalid, .custom-select.is-invalid { border-color: #FF4961; padding-right: 3.4375rem; background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right .75rem center/8px 10px, url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23dc3545' viewBox='-2 -2 7 7'%3e%3cpath stroke='%23d9534f' d='M0 0l3 3m0-3L0 3'/%3e%3ccircle r='.5'/%3e%3ccircle cx='3' r='.5'/%3e%3ccircle cy='3' r='.5'/%3e%3ccircle cx='3' cy='3' r='.5'/%3e%3c/svg%3E") no-repeat center right 1.75rem/1.125rem 1.125rem; } .was-validated .custom-select:invalid:focus, .custom-select.is-invalid:focus { border-color: #FF4961; box-shadow: 0 0 0 .2rem rgba(217, 37, 80, 0.25); } .was-validated .custom-select:invalid ~ .invalid-feedback, .was-validated .custom-select:invalid ~ .invalid-tooltip, .custom-select.is-invalid ~ .invalid-feedback, .custom-select.is-invalid ~ .invalid-tooltip { display: block; } .was-validated .form-control-file:invalid ~ .invalid-feedback, .was-validated .form-control-file:invalid ~ .invalid-tooltip, .form-control-file.is-invalid ~ .invalid-feedback, .form-control-file.is-invalid ~ .invalid-tooltip { display: block; } .was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label { color: #FF4961; } .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: #FF4961; } .was-validated .custom-control-input:invalid ~ .custom-control-label::before, .custom-control-input.is-invalid ~ .custom-control-label::before { border-color: #FF4961; } .was-validated .custom-control-input:invalid ~ .invalid-feedback, .was-validated .custom-control-input:invalid ~ .invalid-tooltip, .custom-control-input.is-invalid ~ .invalid-feedback, .custom-control-input.is-invalid ~ .invalid-tooltip { display: block; } .was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before, .custom-control-input.is-invalid:checked ~ .custom-control-label::before { border-color: #e15073; background-color: #e15073; } .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 .2rem rgba(217, 37, 80, 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: #FF4961; } .was-validated .custom-file-input:invalid ~ .custom-file-label, .custom-file-input.is-invalid ~ .custom-file-label { border-color: #FF4961; } .was-validated .custom-file-input:invalid ~ .invalid-feedback, .was-validated .custom-file-input:invalid ~ .invalid-tooltip, .custom-file-input.is-invalid ~ .invalid-feedback, .custom-file-input.is-invalid ~ .invalid-tooltip { display: block; } .was-validated .custom-file-input:invalid:focus ~ .custom-file-label, .custom-file-input.is-invalid:focus ~ .custom-file-label { border-color: #FF4961; box-shadow: 0 0 0 .2rem rgba(217, 37, 80, 0.25); } .form-inline { display: flex; flex-flow: row wrap; align-items: center; } .form-inline .form-check { width: 100%; } @media (min-width: 576px) { .form-inline label { display: flex; align-items: center; justify-content: center; margin-bottom: 0; } .form-inline .form-group { display: flex; flex: 0 0 auto; flex-flow: row wrap; align-items: center; margin-bottom: 0; } .form-inline .form-control { display: inline-block; width: auto; vertical-align: middle; } .form-inline .form-control-plaintext { display: inline-block; } .form-inline .input-group, .form-inline .custom-select { width: auto; } .form-inline .form-check { display: flex; align-items: center; justify-content: center; width: auto; padding-left: 0; } .form-inline .form-check-input { position: relative; margin-top: 0; margin-right: .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: #495057; text-align: center; vertical-align: middle; user-select: none; background-color: transparent; border: 1px solid transparent; padding:6px 12px; font-size:12px; line-height: 1.4; border-radius: .25rem; transition: color 0.15s, background-color 0.15s, border-color 0.15s, box-shadow 0.15s; } @media screen and (prefers-reduced-motion: reduce) { .btn { transition: none; } } .btn:hover { color: #FFF; text-decoration: none; } .btn:focus, .btn.focus { outline: 0; box-shadow: none; } .btn.disabled, .btn:disabled { opacity: .65; } a.btn.disabled, fieldset:disabled a.btn { pointer-events: none; } .btn-primary:hover { color: #fff; background-color: #2955c8; border-color: #2651be; } .btn-primary:focus, .btn-primary.focus { box-shadow: 0 0 0 0 rgba(92, 128, 222, 0.5); } .btn-primary.disabled, .btn-primary:disabled { color: #fff; background-color: #3f6ad8; border-color: #3f6ad8; } .btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle { color: #fff; background-color: #2651be; border-color: #244cb3; } .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 rgba(92, 128, 222, 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 { box-shadow: 0 0 0 0 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 rgba(130, 138, 145, 0.5); } .btn-success { color: #fff; background-color: #3ac47d; border-color: #3ac47d; } .btn-success:hover { color: #fff; background-color: #31a66a; border-color: #2e9d64; } .btn-success:focus, .btn-success.focus { box-shadow: 0 0 0 0 rgba(88, 205, 145, 0.5); } .btn-success.disabled, .btn-success:disabled { color: #fff; background-color: #3ac47d; border-color: #3ac47d; } .btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active, .show > .btn-success.dropdown-toggle { color: #fff; background-color: #2e9d64; border-color: #2b935e; } .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 rgba(88, 205, 145, 0.5); } .btn-info { color: #fff; background-color: #16aaff; border-color: #16aaff; } .btn-info:hover { color: #fff; background-color: #0098ef; border-color: #0090e2; } .btn-info:focus, .btn-info.focus { box-shadow: 0 0 0 0 rgba(57, 183, 255, 0.5); } .btn-info.disabled, .btn-info:disabled { color: #fff; background-color: #16aaff; border-color: #16aaff; } .btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active, .show > .btn-info.dropdown-toggle { color: #fff; background-color: #0090e2; border-color: #0087d5; } .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 rgba(57, 183, 255, 0.5); } .btn-warning { color: #212529; background-color: #f7b924; border-color: #f7b924; } .btn-warning:hover { color: #212529; background-color: #eca909; border-color: #e0a008; } .btn-warning:focus, .btn-warning.focus { box-shadow: 0 0 0 0 rgba(215, 163, 37, 0.5); } .btn-warning.disabled, .btn-warning:disabled { color: #212529; background-color: #f7b924; border-color: #f7b924; } .btn-warning:not(:disabled):not(.disabled):active, .btn-warning:not(:disabled):not(.disabled).active, .show > .btn-warning.dropdown-toggle { color: #212529; background-color: #e0a008; border-color: #d49808; } .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 rgba(215, 163, 37, 0.5); } .btn-danger { color: #fff; background-color: #FF4961; border-color: #FF4961; } .btn-danger:hover { color: #fff; background-color: #FF4961; border-color: #ad1e40; } .btn-danger:focus, .btn-danger.focus { box-shadow: 0 0 0 0 rgba(223, 70, 106, 0.5); } .btn-danger.disabled, .btn-danger:disabled { color: #fff; background-color: #FF4961; border-color: #FF4961; } .btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active, .show > .btn-danger.dropdown-toggle { color: #fff; background-color: #ad1e40; border-color: #a31c3c; } .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 rgba(223, 70, 106, 0.5); } .btn-light { color: #212529; background-color: #eee; border-color: #eee; } .btn-light:hover { color: #212529; background-color: #dbdbdb; border-color: #d5d5d5; } .btn-light:focus, .btn-light.focus { box-shadow: 0 0 0 0 rgba(207, 208, 208, 0.5); } .btn-light.disabled, .btn-light:disabled { color: #212529; background-color: #eee; border-color: #eee; } .btn-light:not(:disabled):not(.disabled):active, .btn-light:not(:disabled):not(.disabled).active, .show > .btn-light.dropdown-toggle { color: #212529; background-color: #d5d5d5; border-color: #cecece; } .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 rgba(207, 208, 208, 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 { box-shadow: 0 0 0 0 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 rgba(82, 88, 93, 0.5); } .btn-focus { color: #fff; background-color: #444054; border-color: #444054; } .btn-focus:hover { color: #fff; background-color: #322f3e; border-color: #2d2a37; } .btn-focus:focus, .btn-focus.focus { box-shadow: 0 0 0 0 rgba(96, 93, 110, 0.5); } .btn-focus.disabled, .btn-focus:disabled { color: #fff; background-color: #444054; border-color: #444054; } .btn-focus:not(:disabled):not(.disabled):active, .btn-focus:not(:disabled):not(.disabled).active, .show > .btn-focus.dropdown-toggle { color: #fff; background-color: #2d2a37; border-color: #272430; } .btn-focus:not(:disabled):not(.disabled):active:focus, .btn-focus:not(:disabled):not(.disabled).active:focus, .show > .btn-focus.dropdown-toggle:focus { box-shadow: 0 0 0 0 rgba(96, 93, 110, 0.5); } .btn-alternate { color: #fff; background-color: #794c8a; border-color: #794c8a; } .btn-alternate:hover { color: #fff; background-color: #633e71; border-color: #5c3a69; } .btn-alternate:focus, .btn-alternate.focus { box-shadow: 0 0 0 0 rgba(141, 103, 156, 0.5); } .btn-alternate.disabled, .btn-alternate:disabled { color: #fff; background-color: #794c8a; border-color: #794c8a; } .btn-alternate:not(:disabled):not(.disabled):active, .btn-alternate:not(:disabled):not(.disabled).active, .show > .btn-alternate.dropdown-toggle { color: #fff; background-color: #5c3a69; border-color: #553561; } .btn-alternate:not(:disabled):not(.disabled):active:focus, .btn-alternate:not(:disabled):not(.disabled).active:focus, .show > .btn-alternate.dropdown-toggle:focus { box-shadow: 0 0 0 0 rgba(141, 103, 156, 0.5); } .btn-outline-primary { color: #3f6ad8; border-color: #3f6ad8; } .btn-outline-primary:hover { color: #fff; background-color: #3f6ad8; border-color: #3f6ad8; } .btn-outline-primary:focus, .btn-outline-primary.focus { box-shadow: 0 0 0 0 rgba(63, 106, 216, 0.5); } .btn-outline-primary.disabled, .btn-outline-primary:disabled { color: #3f6ad8; 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: #3f6ad8; border-color: #3f6ad8; } .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 rgba(63, 106, 216, 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 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 rgba(108, 117, 125, 0.5); } .btn-outline-success { color: #3ac47d; border-color: #3ac47d; } .btn-outline-success:hover { color: #fff; background-color: #3ac47d; border-color: #3ac47d; } .btn-outline-success:focus, .btn-outline-success.focus { box-shadow: 0 0 0 0 rgba(58, 196, 125, 0.5); } .btn-outline-success.disabled, .btn-outline-success:disabled { color: #3ac47d; 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: #3ac47d; border-color: #3ac47d; } .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 rgba(58, 196, 125, 0.5); } .btn-outline-info { color: #16aaff !important; border-color: #16aaff; } .btn-outline-info:hover { color: #fff; background-color: #16aaff; border-color: #16aaff; } .btn-outline-info:focus, .btn-outline-info.focus { box-shadow: 0 0 0 0 rgba(22, 170, 255, 0.5); } .btn-outline-info.disabled, .btn-outline-info:disabled { color: #16aaff; background-color: transparent; } .btn-outline-info:not(:disabled):not(.disabled):active, .btn-outline-info:not(:disabled):not(.disabled).active, .show > .btn-outline-info.dropdown-toggle { color: #fff; background-color: #16aaff; border-color: #16aaff; } .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 rgba(22, 170, 255, 0.5); } .btn-outline-warning { color: #f7b924; border-color: #f7b924; } .btn-outline-warning:hover { color: #212529; background-color: #f7b924; border-color: #f7b924; } .btn-outline-warning:focus, .btn-outline-warning.focus { box-shadow: 0 0 0 0 rgba(247, 185, 36, 0.5); } .btn-outline-warning.disabled, .btn-outline-warning:disabled { color: #f7b924; 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: #f7b924; border-color: #f7b924; } .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 rgba(247, 185, 36, 0.5); } .btn-outline-danger { color: #FF4961; border-color: #FF4961; } .btn-outline-danger:hover { color: #fff; background-color: #FF4961; border-color: #FF4961; } .btn-outline-danger:focus, .btn-outline-danger.focus { box-shadow: 0 0 0 0 rgba(217, 37, 80, 0.5); } .btn-outline-danger.disabled, .btn-outline-danger:disabled { color: #FF4961; 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: #FF4961; border-color: #FF4961; } .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 rgba(217, 37, 80, 0.5); } .btn-outline-light { color: #eee; border-color: #eee; } .btn-outline-light:hover { color: #212529; background-color: #eee; border-color: #eee; } .btn-outline-light:focus, .btn-outline-light.focus { box-shadow: 0 0 0 0 rgba(238, 238, 238, 0.5); } .btn-outline-light.disabled, .btn-outline-light:disabled { color: #eee; 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: #eee; border-color: #eee; } .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 rgba(238, 238, 238, 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 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 rgba(52, 58, 64, 0.5); } .btn-outline-focus { color: #444054; border-color: #444054; } .btn-outline-focus:hover { color: #fff; background-color: #444054; border-color: #444054; } .btn-outline-focus:focus, .btn-outline-focus.focus { box-shadow: 0 0 0 0 rgba(68, 64, 84, 0.5); } .btn-outline-focus.disabled, .btn-outline-focus:disabled { color: #444054; background-color: transparent; } .btn-outline-focus:not(:disabled):not(.disabled):active, .btn-outline-focus:not(:disabled):not(.disabled).active, .show > .btn-outline-focus.dropdown-toggle { color: #fff; background-color: #444054; border-color: #444054; } .btn-outline-focus:not(:disabled):not(.disabled):active:focus, .btn-outline-focus:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-focus.dropdown-toggle:focus { box-shadow: 0 0 0 0 rgba(68, 64, 84, 0.5); } .btn-outline-alternate { color: #794c8a; border-color: #794c8a; } .btn-outline-alternate:hover { color: #fff; background-color: #794c8a; border-color: #794c8a; } .btn-outline-alternate:focus, .btn-outline-alternate.focus { box-shadow: 0 0 0 0 rgba(121, 76, 138, 0.5); } .btn-outline-alternate.disabled, .btn-outline-alternate:disabled { color: #794c8a; background-color: transparent; } .btn-outline-alternate:not(:disabled):not(.disabled):active, .btn-outline-alternate:not(:disabled):not(.disabled).active, .show > .btn-outline-alternate.dropdown-toggle { color: #fff; background-color: #794c8a; border-color: #794c8a; } .btn-outline-alternate:not(:disabled):not(.disabled):active:focus, .btn-outline-alternate:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-alternate.dropdown-toggle:focus { box-shadow: 0 0 0 0 rgba(121, 76, 138, 0.5); } .btn-link { font-weight: 400; color: #3f6ad8; } .btn-link:hover { color: #0056b3; text-decoration: underline; } .btn-link:focus, .btn-link.focus { text-decoration: underline; box-shadow: none; } .btn-link:disabled, .btn-link.disabled { color: #6c757d; pointer-events: none; } .btn-lg, .btn-group-lg > .btn { padding: .5rem 1rem; font-size: 1.25rem; line-height: 1.5; border-radius: .3rem; } .btn-sm, .btn-group-sm > .btn { padding: .25rem .5rem; font-size: .875rem; line-height: 1.5; border-radius: .2rem; } .btn-block { display: block; width: 100%; } .btn-block + .btn-block { margin-top: .5rem; } input[type="submit"].btn-block, input[type="reset"].btn-block, input[type="button"].btn-block { width: 100%; } .fade { transition: opacity 0.15s linear; } @media screen and (prefers-reduced-motion: reduce) { .fade { transition: none; } } .fade:not(.show) { opacity: 0; } .collapse:not(.show) { display: none; } .collapsing { position: relative; height: 0; overflow: hidden; transition: height 0.35s ease; } @media screen and (prefers-reduced-motion: reduce) { .collapsing { transition: none; } } .dropup, .dropright, .dropdown, .dropleft { position: relative; } .dropdown-toggle::after { display: inline-block; margin-left: .255em; vertical-align: .255em; content: ""; border-top: .3em solid; border-right: .3em solid transparent; border-bottom: 0; border-left: .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: 15rem; padding: .65rem 0; margin: .125rem 0 0; font-size: .88rem; color: #495057; text-align: left; list-style: none; background-color: #fff; background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.15); border-radius: .25rem; } .dropdown-menu-right { right: 0; left: auto; } @media (min-width: 576px) { .dropdown-menu-sm-right { right: 0; left: auto; } } @media (min-width: 768px) { .dropdown-menu-md-right { right: 0; left: auto; } } @media (min-width: 992px) { .dropdown-menu-lg-right { right: 0; left: auto; } } @media (min-width: 1200px) { .dropdown-menu-xl-right { right: 0; left: auto; } } .dropdown-menu-left { right: auto; left: 0; } @media (min-width: 576px) { .dropdown-menu-sm-left { right: auto; left: 0; } } @media (min-width: 768px) { .dropdown-menu-md-left { right: auto; left: 0; } } @media (min-width: 992px) { .dropdown-menu-lg-left { right: auto; left: 0; } } @media (min-width: 1200px) { .dropdown-menu-xl-left { right: auto; left: 0; } } .dropup .dropdown-menu { top: auto; bottom: 100%; margin-top: 0; margin-bottom: .125rem; } .dropup .dropdown-toggle::after { display: inline-block; margin-left: .255em; vertical-align: .255em; content: ""; border-top: 0; border-right: .3em solid transparent; border-bottom: .3em solid; border-left: .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: .125rem; } .dropright .dropdown-toggle::after { display: inline-block; margin-left: .255em; vertical-align: .255em; content: ""; border-top: .3em solid transparent; border-right: 0; border-bottom: .3em solid transparent; border-left: .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: .125rem; } .dropleft .dropdown-toggle::after { display: inline-block; margin-left: .255em; vertical-align: .255em; content: ""; } .dropleft .dropdown-toggle::after { display: none; } .dropleft .dropdown-toggle::before { display: inline-block; margin-right: .255em; vertical-align: .255em; content: ""; border-top: .3em solid transparent; border-right: .3em solid; border-bottom: .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: .5rem 0; overflow: hidden; border-top: 1px solid #e9ecef; } .dropdown-item { display: block; width: 100%; padding: .4rem 1.5rem; clear: both; font-weight: 400; color: #212529; text-align: inherit; white-space: nowrap; background-color: transparent; border: 0; } .dropdown-item:first-child { border-top-left-radius: calc(.25rem - 1px); border-top-right-radius: calc(.25rem - 1px); } .dropdown-item:last-child { border-bottom-right-radius: calc(.25rem - 1px); border-bottom-left-radius: calc(.25rem - 1px); } .dropdown-item:hover, .dropdown-item:focus { color: #16181b; text-decoration: none; background-color: #e0f3ff; } .dropdown-item.active, .dropdown-item:active { color: #fff; text-decoration: none; background-color: #3f6ad8; } .dropdown-item.disabled, .dropdown-item:disabled { color: #6c757d; pointer-events: none; background-color: transparent; } .dropdown-menu.show { display: block; } .dropdown-header { display: block; padding: .65rem 1.5rem; margin-bottom: 0; font-size: .968rem; color: #6c757d; white-space: nowrap; } .dropdown-item-text { display: block; padding: .4rem 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: .5625rem; padding-left: .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: .375rem; padding-left: .375rem; } .btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split { padding-right: .75rem; padding-left: .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%; 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(:last-child), .input-group > .custom-select:not(:last-child) { border-top-right-radius: 0; border-bottom-right-radius: 0; } .input-group > .form-control:not(:first-child), .input-group > .custom-select:not(:first-child) { border-top-left-radius: 0; border-bottom-left-radius: 0; } .input-group > .custom-file { display: flex; align-items: center; } .input-group > .custom-file:not(:last-child) .custom-file-label, .input-group > .custom-file:not(:last-child) .custom-file-label::after { border-top-right-radius: 0; border-bottom-right-radius: 0; } .input-group > .custom-file:not(:first-child) .custom-file-label { border-top-left-radius: 0; border-bottom-left-radius: 0; } .input-group-prepend, .input-group-append { display: flex; } .input-group-prepend .btn, .input-group-append .btn { position: relative; z-index: 2; } .input-group-prepend .btn: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: .375rem .75rem; margin-bottom: 0; font-size: .88rem; font-weight: 400; line-height: 1.5; color: #495057; text-align: center; white-space: nowrap; background-color: #eff9ff; border: 1px solid #ced4da; border-radius: .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(2.875rem + 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: .5rem 1rem; font-size: 1.25rem; line-height: 1.5; border-radius: .3rem; } .input-group-sm > .form-control:not(textarea), .input-group-sm > .custom-select { height: calc(1.8125rem + 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: .25rem .5rem; font-size: .875rem; line-height: 1.5; border-radius: .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 > .input-group-append:not(:last-child) > .btn, .input-group > .input-group-append:not(:last-child) > .input-group-text, .input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle), .input-group > .input-group-append:last-child > .input-group-text:not(:last-child) { border-top-right-radius: 0; border-bottom-right-radius: 0; } .input-group > .input-group-append > .btn, .input-group > .input-group-append > .input-group-text, .input-group > .input-group-prepend:not(:first-child) > .btn, .input-group > .input-group-prepend:not(:first-child) > .input-group-text, .input-group > .input-group-prepend:first-child > .btn:not(:first-child), .input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child) { border-top-left-radius: 0; border-bottom-left-radius: 0; } .custom-control { position: relative; display: block; min-height: 1.32rem; padding-left: 1.5rem; } .custom-control-inline { display: inline-flex; margin-right: 1rem; } .custom-control-input { position: absolute; z-index: -1; opacity: 0; } .custom-control-input:checked ~ .custom-control-label::before { color: #fff; border-color: #007bff; background-color: #3f6ad8; } .custom-control-input:focus ~ .custom-control-label::before { box-shadow: 0 0 0 .2rem rgba(0, 123, 255, 0.25); } .custom-control-input:focus:not(:checked) ~ .custom-control-label::before { border-color: #80bdff; } .custom-control-input:not(:disabled):active ~ .custom-control-label::before { color: #fff; background-color: #d3ddf6; border-color: #b3d7ff; } .custom-control-input:disabled ~ .custom-control-label { color: #6c757d; } .custom-control-input:disabled ~ .custom-control-label::before { background-color: #e9ecef; } .custom-control-label { position: relative; margin-bottom: 0; vertical-align: top; padding-top: 0 !important; } .custom-control-label::before { position: absolute; top: .16rem; 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: .16rem; left: -1.5rem; display: block; width: 1rem; height: 1rem; content: ""; background-repeat: no-repeat; background-position: center center; background-size: 50% 50%; } .custom-checkbox .custom-control-label::before { border-radius: .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' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3e%3c/svg%3e"); } .custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before { border-color: #007bff; background-color: #3f6ad8; } .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' 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(63, 106, 216, 0.5); } .custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before { background-color: rgba(63, 106, 216, 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' 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(63, 106, 216, 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: .5rem; } .custom-switch .custom-control-label::after { top: calc(.16rem + 2px); left: calc(-2.25rem + 2px); width: calc(1rem - 4px); height: calc(1rem - 4px); background-color: #adb5bd; border-radius: .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 screen and (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(.75rem); } .custom-switch .custom-control-input:disabled:checked ~ .custom-control-label::before { background-color: rgba(63, 106, 216, 0.5); } .custom-select { display: inline-block; width: 100%; height: calc(2.25rem + 2px); padding: .375rem 1.75rem .375rem .75rem; font-weight: 400; line-height: 1.5; color: #495057; vertical-align: middle; background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right .75rem center/8px 10px; background-color: #fff; border: 1px solid #ced4da; border-radius: .25rem; appearance: none; } .custom-select:focus { border-color: #80bdff; outline: 0; box-shadow: 0 0 0 .2rem rgba(128, 189, 255, 0.5); } .custom-select:focus::-ms-value { color: #495057; background-color: #fff; } .custom-select[multiple], .custom-select[size]:not([size="1"]) { height: auto; padding-right: .75rem; background-image: none; } .custom-select:disabled { color: #6c757d; background-color: #e9ecef; } .custom-select::-ms-expand { opacity: 0; } .custom-select-sm { height: calc(1.8125rem + 2px); padding-top: .25rem; padding-bottom: .25rem; padding-left: .5rem; font-size: .875rem; } .custom-select-lg { height: calc(2.875rem + 2px); padding-top: .5rem; padding-bottom: .5rem; padding-left: 1rem; font-size: 1.25rem; } .custom-file { position: relative; display: inline-block; width: 100%; height: calc(2.25rem + 2px); margin-bottom: 0; } .custom-file-input { position: relative; z-index: 2; width: 100%; height: calc(2.25rem + 2px); margin: 0; opacity: 0; } .custom-file-input:focus ~ .custom-file-label { border-color: #80bdff; box-shadow: 0 0 0 .2rem rgba(0, 123, 255, 0.25); } .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(2.25rem + 2px); padding: .375rem .75rem; font-weight: 400; line-height: 1.5; color: #495057; background-color: #fff; border: 1px solid #ced4da; border-radius: .25rem; } .custom-file-label::after { position: absolute; top: 0; right: 0; bottom: 0; z-index: 3; display: block; height: 2.25rem; padding: .375rem .75rem; line-height: 1.5; color: #495057; content: "Browse"; background-color: #e9ecef; border-left: inherit; border-radius: 0 .25rem .25rem 0; } .custom-range { width: 100%; height: calc(1rem + .4rem); padding: 0; background-color: transparent; appearance: none; } .custom-range:focus { outline: none; } .custom-range:focus::-webkit-slider-thumb { box-shadow: 0 0 0 1px #fff, 0 0 0 .2rem rgba(0, 123, 255, 0.25); } .custom-range:focus::-moz-range-thumb { box-shadow: 0 0 0 1px #fff, 0 0 0 .2rem rgba(0, 123, 255, 0.25); } .custom-range:focus::-ms-thumb { box-shadow: 0 0 0 1px #fff, 0 0 0 .2rem rgba(0, 123, 255, 0.25); } .custom-range::-moz-focus-outer { border: 0; } .custom-range::-webkit-slider-thumb { width: 1rem; height: 1rem; margin-top: -.25rem; background-color: #3f6ad8; border: 0; border-radius: 1rem; transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; appearance: none; } @media screen and (prefers-reduced-motion: reduce) { .custom-range::-webkit-slider-thumb { transition: none; } } .custom-range::-webkit-slider-thumb:active { background-color: #d3ddf6; } .custom-range::-webkit-slider-runnable-track { width: 100%; height: .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: #3f6ad8; border: 0; border-radius: 1rem; transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; appearance: none; } @media screen and (prefers-reduced-motion: reduce) { .custom-range::-moz-range-thumb { transition: none; } } .custom-range::-moz-range-thumb:active { background-color: #d3ddf6; } .custom-range::-moz-range-track { width: 100%; height: .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: .2rem; margin-left: .2rem; background-color: #3f6ad8; border: 0; border-radius: 1rem; transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; appearance: none; } @media screen and (prefers-reduced-motion: reduce) { .custom-range::-ms-thumb { transition: none; } } .custom-range::-ms-thumb:active { background-color: #d3ddf6; } .custom-range::-ms-track { width: 100%; height: .5rem; color: transparent; cursor: pointer; background-color: transparent; border-color: transparent; border-width: .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 screen and (prefers-reduced-motion: reduce) { .custom-control-label::before, .custom-file-label, .custom-select { transition: none; } } .nav { display: flex; flex-wrap: wrap; padding-left: 0; margin-bottom: 0; list-style: none; } .nav-link { display: block; padding: .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-item { margin-bottom: -1px; margin-right: 10px; margin-left:0; } .nav-tabs .nav-link { border: 1px solid transparent; border-top-left-radius: .25rem; border-top-right-radius: .25rem; background-color: #3f6ad8; color: #fff; font-weight: 600 !important; } .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: #fff; border-color: #dee2e6 #dee2e6 #fff; } .nav-tabs .dropdown-menu { margin-top: -1px; border-top-left-radius: 0; border-top-right-radius: 0; } .nav-pills .nav-link { border-radius: .25rem; } .nav-pills .nav-link.active, .nav-pills .show > .nav-link { color: #fff; background-color: #3f6ad8; } .nav-fill .nav-item { flex: 1 1 auto; text-align: center; } .nav-justified .nav-item { flex-basis: 0; flex-grow: 1; text-align: center; } .tab-content > .tab-pane { display: none; } .tab-content > .active { display: block; } .navbar { position: relative; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; padding: .5rem 1rem; } .navbar > .container, .navbar > .container-fluid { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; } .navbar-brand { display: inline-block; padding-top: .3125rem; padding-bottom: .3125rem; margin-right: 1rem; font-size: 1.25rem; 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: .5rem; padding-bottom: .5rem; } .navbar-collapse { flex-basis: 100%; flex-grow: 1; align-items: center; } .navbar-toggler { padding: .25rem .75rem; font-size: 1.25rem; line-height: 1; background-color: transparent; border: 1px solid transparent; border-radius: .25rem; } .navbar-toggler:hover, .navbar-toggler:focus { text-decoration: none; } .navbar-toggler:not(:disabled):not(.disabled) { cursor: pointer; } .navbar-toggler-icon { display: inline-block; width: 1.5em; height: 1.5em; vertical-align: middle; content: ""; background: no-repeat center center; background-size: 100% 100%; } @media (max-width: 575.98px) { .navbar-expand-sm > .container, .navbar-expand-sm > .container-fluid { padding-right: 0; padding-left: 0; } } @media (min-width: 576px) { .navbar-expand-sm { flex-flow: row nowrap; justify-content: flex-start; } .navbar-expand-sm .navbar-nav { flex-direction: row; } .navbar-expand-sm .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand-sm .navbar-nav .nav-link { padding-right: .5rem; padding-left: .5rem; } .navbar-expand-sm > .container, .navbar-expand-sm > .container-fluid { flex-wrap: nowrap; } .navbar-expand-sm .navbar-collapse { display: flex !important; flex-basis: auto; } .navbar-expand-sm .navbar-toggler { display: none; } } @media (max-width: 767.98px) { .navbar-expand-md > .container, .navbar-expand-md > .container-fluid { padding-right: 0; padding-left: 0; } } @media (min-width: 768px) { .navbar-expand-md { flex-flow: row nowrap; justify-content: flex-start; } .navbar-expand-md .navbar-nav { flex-direction: row; } .navbar-expand-md .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand-md .navbar-nav .nav-link { padding-right: .5rem; padding-left: .5rem; } .navbar-expand-md > .container, .navbar-expand-md > .container-fluid { flex-wrap: nowrap; } .navbar-expand-md .navbar-collapse { display: flex !important; flex-basis: auto; } .navbar-expand-md .navbar-toggler { display: none; } } @media (max-width: 991.98px) { .navbar-expand-lg > .container, .navbar-expand-lg > .container-fluid { padding-right: 0; padding-left: 0; } } @media (min-width: 992px) { .navbar-expand-lg { flex-flow: row nowrap; justify-content: flex-start; } .navbar-expand-lg .navbar-nav { flex-direction: row; } .navbar-expand-lg .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand-lg .navbar-nav .nav-link { padding-right: .5rem; padding-left: .5rem; } .navbar-expand-lg > .container, .navbar-expand-lg > .container-fluid { flex-wrap: nowrap; } .navbar-expand-lg .navbar-collapse { display: flex !important; flex-basis: auto; } .navbar-expand-lg .navbar-toggler { display: none; } } @media (max-width: 1199.98px) { .navbar-expand-xl > .container, .navbar-expand-xl > .container-fluid { padding-right: 0; padding-left: 0; } } @media (min-width: 1200px) { .navbar-expand-xl { flex-flow: row nowrap; justify-content: flex-start; } .navbar-expand-xl .navbar-nav { flex-direction: row; } .navbar-expand-xl .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand-xl .navbar-nav .nav-link { padding-right: .5rem; padding-left: .5rem; } .navbar-expand-xl > .container, .navbar-expand-xl > .container-fluid { flex-wrap: nowrap; } .navbar-expand-xl .navbar-collapse { display: flex !important; flex-basis: auto; } .navbar-expand-xl .navbar-toggler { display: none; } } .navbar-expand { flex-flow: row nowrap; justify-content: flex-start; } .navbar-expand > .container, .navbar-expand > .container-fluid { padding-right: 0; padding-left: 0; } .navbar-expand .navbar-nav { flex-direction: row; } .navbar-expand .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand .navbar-nav .nav-link { padding-right: .5rem; padding-left: .5rem; } .navbar-expand > .container, .navbar-expand > .container-fluid { flex-wrap: nowrap; } .navbar-expand .navbar-collapse { display: flex !important; flex-basis: auto; } .navbar-expand .navbar-toggler { display: none; } .navbar-light .navbar-brand { color: rgba(0, 0, 0, 0.9); } .navbar-light .navbar-brand:hover, .navbar-light .navbar-brand:focus { color: rgba(0, 0, 0, 0.9); } .navbar-light .navbar-nav .nav-link { color: rgba(0, 0, 0, 0.5); } .navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus { color: rgba(0, 0, 0, 0.7); } .navbar-light .navbar-nav .nav-link.disabled { color: rgba(0, 0, 0, 0.3); } .navbar-light .navbar-nav .show > .nav-link, .navbar-light .navbar-nav .active > .nav-link, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .nav-link.active { color: rgba(0, 0, 0, 0.9); } .navbar-light .navbar-toggler { color: rgba(0, 0, 0, 0.5); border-color: rgba(0, 0, 0, 0.1); } .navbar-light .navbar-toggler-icon { background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(0,0,0,0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); } .navbar-light .navbar-text { color: rgba(0, 0, 0, 0.5); } .navbar-light .navbar-text a { color: rgba(0, 0, 0, 0.9); } .navbar-light .navbar-text a:hover, .navbar-light .navbar-text a:focus { color: rgba(0, 0, 0, 0.9); } .navbar-dark .navbar-brand { color: #fff; } .navbar-dark .navbar-brand:hover, .navbar-dark .navbar-brand:focus { color: #fff; } .navbar-dark .navbar-nav .nav-link { color: rgba(255, 255, 255, 0.5); } .navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus { color: rgba(255, 255, 255, 0.75); } .navbar-dark .navbar-nav .nav-link.disabled { color: rgba(255, 255, 255, 0.25); } .navbar-dark .navbar-nav .show > .nav-link, .navbar-dark .navbar-nav .active > .nav-link, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .nav-link.active { color: #fff; } .navbar-dark .navbar-toggler { color: rgba(255, 255, 255, 0.5); border-color: rgba(255, 255, 255, 0.1); } .navbar-dark .navbar-toggler-icon { background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(255,255,255,0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); } .navbar-dark .navbar-text { color: rgba(255, 255, 255, 0.5); } .navbar-dark .navbar-text a { color: #fff; } .navbar-dark .navbar-text a:hover, .navbar-dark .navbar-text a:focus { color: #fff; } .card { position: relative; display: flex; flex-direction: column; min-width: 0; word-wrap: break-word; background-color: #fff; background-clip: border-box; border: 1px solid rgba(26, 54, 126, 0.125); border-radius: 0; } .card > hr { margin-right: 0; margin-left: 0; } .card > .list-group:first-child .list-group-item:first-child { border-top-left-radius: .25rem; border-top-right-radius: .25rem; } .card > .list-group:last-child .list-group-item:last-child { border-bottom-right-radius: .25rem; border-bottom-left-radius: .25rem; } .card-body { flex: 1 1 auto; padding: 1.25rem; } .card-title { margin-bottom: .75rem; } .card-subtitle { margin-top: -.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: .75rem 1.25rem; margin-bottom: 0; color: inherit; background-color: #fff; border-bottom: 1px solid rgba(26, 54, 126, 0.125); } .card-header + .list-group .list-group-item:first-child { border-top: 0; } .card-footer { padding: .75rem 1.25rem; background-color: #fff; border-top: 1px solid rgba(26, 54, 126, 0.125); } .card-footer:last-child { border-radius: 0 0 calc(.25rem - 1px) calc(.25rem - 1px); } .card-header-tabs { margin-right: -.625rem; margin-bottom: -.75rem; margin-left: -.625rem; border-bottom: 0; } .card-header-pills { margin-right: -.625rem; margin-left: -.625rem; } .card-img-overlay { position: absolute; top: 0; right: 0; bottom: 0; left: 0; padding: 1.25rem; } .card-img { width: 100%; border-radius: calc(.25rem - 1px); } .card-img-top { width: 100%; border-top-left-radius: calc(.25rem - 1px); border-top-right-radius: calc(.25rem - 1px); } .card-img-bottom { width: 100%; border-bottom-right-radius: calc(.25rem - 1px); border-bottom-left-radius: calc(.25rem - 1px); } .card-deck { display: flex; flex-direction: column; } .card-deck .card { margin-bottom: 15px; } @media (min-width: 576px) { .card-deck { flex-flow: row wrap; margin-right: -15px; margin-left: -15px; } .card-deck .card { display: flex; flex: 1 0 0%; flex-direction: column; margin-right: 15px; margin-bottom: 0; margin-left: 15px; } } .card-group { display: flex; flex-direction: column; } .card-group > .card { margin-bottom: 15px; } @media (min-width: 576px) { .card-group { flex-flow: row wrap; } .card-group > .card { flex: 1 0 0%; margin-bottom: 0; } .card-group > .card + .card { margin-left: 0; border-left: 0; } .card-group > .card:first-child { border-top-right-radius: 0; border-bottom-right-radius: 0; } .card-group > .card:first-child .card-img-top, .card-group > .card:first-child .card-header { border-top-right-radius: 0; } .card-group > .card:first-child .card-img-bottom, .card-group > .card:first-child .card-footer { border-bottom-right-radius: 0; } .card-group > .card:last-child { border-top-left-radius: 0; border-bottom-left-radius: 0; } .card-group > .card:last-child .card-img-top, .card-group > .card:last-child .card-header { border-top-left-radius: 0; } .card-group > .card:last-child .card-img-bottom, .card-group > .card:last-child .card-footer { border-bottom-left-radius: 0; } .card-group > .card:only-child { border-radius: .25rem; } .card-group > .card:only-child .card-img-top, .card-group > .card:only-child .card-header { border-top-left-radius: .25rem; border-top-right-radius: .25rem; } .card-group > .card:only-child .card-img-bottom, .card-group > .card:only-child .card-footer { border-bottom-right-radius: .25rem; border-bottom-left-radius: .25rem; } .card-group > .card:not(:first-child):not(:last-child):not(:only-child) { border-radius: 0; } .card-group > .card:not(:first-child):not(:last-child):not(:only-child) .card-img-top, .card-group > .card:not(:first-child):not(:last-child):not(:only-child) .card-img-bottom, .card-group > .card:not(:first-child):not(:last-child):not(:only-child) .card-header, .card-group > .card:not(:first-child):not(:last-child):not(:only-child) .card-footer { border-radius: 0; } } .card-columns .card { margin-bottom: .75rem; } @media (min-width: 576px) { .card-columns { column-count: 3; column-gap: 1.25rem; orphans: 1; widows: 1; } .card-columns .card { display: inline-block; width: 100%; } } .accordion .card { overflow: hidden; } .accordion .card:not(:first-of-type) .card-header:first-child { border-radius: 0; } .accordion .card:not(:first-of-type):not(:last-of-type) { border-bottom: 0; border-radius: 0; } .accordion .card:first-of-type { border-bottom: 0; border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .accordion .card:last-of-type { border-top-left-radius: 0; border-top-right-radius: 0; } .breadcrumb { display: flex; flex-wrap: wrap; padding: .75rem 1rem; margin-bottom: 1rem; list-style: none; background-color: #e9ecef; border-radius: .25rem; } .breadcrumb-item + .breadcrumb-item { padding-left: .5rem; } .breadcrumb-item + .breadcrumb-item::before { display: inline-block; padding-right: .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: .25rem; } .page-link { position: relative; display: block; padding: .5rem .75rem; margin-left: -1px; line-height: 1.25; color: #007bff; background-color: #fff; border: 1px solid #dee2e6; } .page-link:hover { z-index: 2; color: #0056b3; text-decoration: none; background-color: #e9ecef; border-color: #dee2e6; } .page-link:focus { z-index: 2; outline: 0; box-shadow: none; } .page-link:not(:disabled):not(.disabled) { cursor: pointer; } .page-item:first-child .page-link, .pagination .page-number:first-child .page-link { margin-left: 0; border-top-left-radius: .25rem; border-bottom-left-radius: .25rem; } .page-item:last-child .page-link, .pagination .page-number:last-child .page-link { border-top-right-radius: .25rem; border-bottom-right-radius: .25rem; } .page-item.active .page-link, .pagination .active.page-number .page-link { z-index: 1; color: #fff; background-color: #FF4961; border-color: #FF4961; } .page-item.disabled .page-link, .pagination .disabled.page-number .page-link { color: #6c757d; pointer-events: none; cursor: auto; background-color: #fff; border-color: #dee2e6; } .pagination-lg .page-link { padding: .75rem 1.5rem; font-size: 1.1rem; line-height: 1.5; } .pagination-lg .page-item:first-child .page-link, .pagination-lg .pagination .page-number:first-child .page-link, .pagination .pagination-lg .page-number:first-child .page-link { border-top-left-radius: .3rem; border-bottom-left-radius: .3rem; } .pagination-lg .page-item:last-child .page-link, .pagination-lg .pagination .page-number:last-child .page-link, .pagination .pagination-lg .page-number:last-child .page-link { border-top-right-radius: .3rem; border-bottom-right-radius: .3rem; } .pagination-sm .page-link { padding: .25rem .5rem; font-size: .968rem; line-height: 1.5; } .pagination-sm .page-item:first-child .page-link, .pagination-sm .pagination .page-number:first-child .page-link, .pagination .pagination-sm .page-number:first-child .page-link { border-top-left-radius: .2rem; border-bottom-left-radius: .2rem; } .pagination-sm .page-item:last-child .page-link, .pagination-sm .pagination .page-number:last-child .page-link, .pagination .pagination-sm .page-number:last-child .page-link { border-top-right-radius: .2rem; border-bottom-right-radius: .2rem; } .badge { display: inline-block; padding: .25em .4em; font-size: 75%; font-weight: 700; line-height: 1; text-align: center; white-space: nowrap; vertical-align: baseline; border-radius: .25rem; } a.badge:hover, a.badge:focus { text-decoration: none; } .badge:empty { display: none; } .btn .badge { position: relative; top: -1px; } .badge-pill { padding-right: .6em; padding-left: .6em; border-radius: 10rem; } .badge-primary { color: #fff; background-color: #3f6ad8; } a.badge-primary:hover, a.badge-primary:focus { color: #fff; background-color: #2651be; } .badge-secondary { color: #fff; background-color: #6c757d; } a.badge-secondary:hover, a.badge-secondary:focus { color: #fff; background-color: #545b62; } .badge-success { color: #fff; background-color: #3ac47d; } a.badge-success:hover, a.badge-success:focus { color: #fff; background-color: #2e9d64; } .badge-info { color: #fff; background-color: #16aaff; } a.badge-info:hover, a.badge-info:focus { color: #fff; background-color: #0090e2; } .badge-warning { color: #212529; background-color: #f7b924; } a.badge-warning:hover, a.badge-warning:focus { color: #212529; background-color: #e0a008; } .badge-danger { color: #fff; background-color: #FF4961; } a.badge-danger:hover, a.badge-danger:focus { color: #fff; background-color: #ad1e40; } .badge-light { color: #212529; background-color: #eee; } a.badge-light:hover, a.badge-light:focus { color: #212529; background-color: #d5d5d5; } .badge-dark { color: #fff; background-color: #343a40; } a.badge-dark:hover, a.badge-dark:focus { color: #fff; background-color: #1d2124; } .badge-focus { color: #fff; background-color: #444054; } a.badge-focus:hover, a.badge-focus:focus { color: #fff; background-color: #2d2a37; } .badge-alternate { color: #fff; background-color: #794c8a; } a.badge-alternate:hover, a.badge-alternate:focus { color: #fff; background-color: #5c3a69; } .jumbotron { padding: 2rem 1rem; margin-bottom: 2rem; background-color: #e9ecef; border-radius: .3rem; } @media (min-width: 576px) { .jumbotron { padding: 4rem 2rem; } } .jumbotron-fluid { padding-right: 0; padding-left: 0; border-radius: 0; } .alert { position: relative; padding: .75rem 1.25rem; margin-bottom: 1rem; border: 1px solid transparent; border-radius: .25rem; } .alert-heading { color: inherit; } .alert-link { font-weight: 700; } .alert-dismissible { padding-right: 4rem; } .alert-dismissible .close { position: absolute; top: 0; right: 0; padding: .75rem 1.25rem; color: inherit; } .alert-primary { color: #213770; background-color: #d9e1f7; border-color: #c9d5f4; } .alert-primary hr { border-top-color: #b4c5f0; } .alert-primary .alert-link { color: #152449; } .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: #1e6641; background-color: #d8f3e5; border-color: #c8eedb; } .alert-success hr { border-top-color: #b5e8ce; } .alert-success .alert-link { color: #123f28; } .alert-info { color: #0b5885; background-color: #d0eeff; border-color: #bee7ff; } .alert-info hr { border-top-color: #a5deff; } .alert-info .alert-link { color: #073956; } .alert-warning { color: #806013; background-color: #fdf1d3; border-color: #fdebc2; } .alert-warning hr { border-top-color: #fce3a9; } .alert-warning .alert-link { color: #543f0c; } .alert-danger { color: #71132a; background-color: #f7d3dc; border-color: #f4c2ce; } .alert-danger hr { border-top-color: #f0acbd; } .alert-danger .alert-link { color: #450c1a; } .alert-light { color: #7c7c7c; background-color: #fcfcfc; border-color: #fafafa; } .alert-light hr { border-top-color: #ededed; } .alert-light .alert-link { color: #636363; } .alert-dark { color: #1b1e21; background-color: #d6d8d9; border-color: #c6c8ca; } .alert-dark hr { border-top-color: #b9bbbe; } .alert-dark .alert-link { color: #040505; } .alert-focus { color: #23212c; background-color: #dad9dd; border-color: #cbcacf; } .alert-focus hr { border-top-color: #bebdc3; } .alert-focus .alert-link { color: #0c0b0f; } .alert-alternate { color: #3f2848; background-color: #e4dbe8; border-color: #d9cdde; } .alert-alternate hr { border-top-color: #cdbed4; } .alert-alternate .alert-link { color: #221627; } @keyframes progress-bar-stripes { from { background-position: 1rem 0; } to { background-position: 0 0; } } .progress { display: flex; height: 1rem; overflow: hidden; font-size: .75rem; background-color: #e9ecef; border-radius: .25rem; } .progress-bar { display: flex; flex-direction: column; justify-content: center; color: #fff; text-align: center; white-space: nowrap; background-color: #3f6ad8; transition: width 0.6s ease; } @media screen and (prefers-reduced-motion: reduce) { .progress-bar { transition: none; } } .progress-bar-striped { background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-size: 1rem 1rem; } .progress-bar-animated { animation: progress-bar-stripes 1s linear infinite; } .media { display: flex; align-items: flex-start; } .media-body { flex: 1; } .list-group { display: flex; flex-direction: column; padding-left: 0; margin-bottom: 0; } .list-group-item-action { width: 100%; color: #495057; text-align: inherit; } .list-group-item-action:hover, .list-group-item-action:focus { 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: .76rem 0rem; margin-bottom: -1px; background-color: #fff; border: 1px solid rgba(0, 0, 0, 0.125); } .list-group-item:first-child { border-top-left-radius: .25rem; border-top-right-radius: .25rem; } .list-group-item:last-child { margin-bottom: 0; border-bottom-right-radius: .25rem; border-bottom-left-radius: .25rem; } .list-group-item:hover, .list-group-item:focus { z-index: 1; text-decoration: none; } .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: #3f6ad8; border-color: #007bff; } .list-group-flush .list-group-item { border-right: 0; border-left: 0; border-radius: 0; } .list-group-flush .list-group-item:last-child { margin-bottom: -1px; } .list-group-flush:first-child .list-group-item:first-child { border-top: 0; } .list-group-flush:last-child .list-group-item:last-child { margin-bottom: 0; border-bottom: 0; } .list-group-item-primary { color: #213770; background-color: #c9d5f4; } .list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus { color: #213770; background-color: #b4c5f0; } .list-group-item-primary.list-group-item-action.active { color: #fff; background-color: #213770; border-color: #213770; } .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: #1e6641; background-color: #c8eedb; } .list-group-item-success.list-group-item-action:hover, .list-group-item-success.list-group-item-action:focus { color: #1e6641; background-color: #b5e8ce; } .list-group-item-success.list-group-item-action.active { color: #fff; background-color: #1e6641; border-color: #1e6641; } .list-group-item-info { color: #0b5885; background-color: #bee7ff; } .list-group-item-info.list-group-item-action:hover, .list-group-item-info.list-group-item-action:focus { color: #0b5885; background-color: #a5deff; } .list-group-item-info.list-group-item-action.active { color: #fff; background-color: #0b5885; border-color: #0b5885; } .list-group-item-warning { color: #806013; background-color: #fdebc2; } .list-group-item-warning.list-group-item-action:hover, .list-group-item-warning.list-group-item-action:focus { color: #806013; background-color: #fce3a9; } .list-group-item-warning.list-group-item-action.active { color: #fff; background-color: #806013; border-color: #806013; } .list-group-item-danger { color: #71132a; background-color: #f4c2ce; } .list-group-item-danger.list-group-item-action:hover, .list-group-item-danger.list-group-item-action:focus { color: #71132a; background-color: #f0acbd; } .list-group-item-danger.list-group-item-action.active { color: #fff; background-color: #71132a; border-color: #71132a; } .list-group-item-light { color: #7c7c7c; background-color: #fafafa; } .list-group-item-light.list-group-item-action:hover, .list-group-item-light.list-group-item-action:focus { color: #7c7c7c; background-color: #ededed; } .list-group-item-light.list-group-item-action.active { color: #fff; background-color: #7c7c7c; border-color: #7c7c7c; } .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; } .list-group-item-focus { color: #23212c; background-color: #cbcacf; } .list-group-item-focus.list-group-item-action:hover, .list-group-item-focus.list-group-item-action:focus { color: #23212c; background-color: #bebdc3; } .list-group-item-focus.list-group-item-action.active { color: #fff; background-color: #23212c; border-color: #23212c; } .list-group-item-alternate { color: #3f2848; background-color: #d9cdde; } .list-group-item-alternate.list-group-item-action:hover, .list-group-item-alternate.list-group-item-action:focus { color: #3f2848; background-color: #cdbed4; } .list-group-item-alternate.list-group-item-action.active { color: #fff; background-color: #3f2848; border-color: #3f2848; } .close { float: right; font-size: 1.5rem; font-weight: 700; line-height: 1; text-shadow: 0 1px 0 #fff; opacity: .5; } .close:hover { color: #000; text-decoration: none; } .close:not(:disabled):not(.disabled) { cursor: pointer; } .close:not(:disabled):not(.disabled):hover, .close:not(:disabled):not(.disabled):focus { opacity: .75; } button.close { padding: 0; background-color: transparent; border: 0; appearance: none; } a.close.disabled { pointer-events: none; } .toast { max-width: 350px; overflow: hidden; font-size: .875rem; background-color: rgba(255, 255, 255, 0.85); background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.1); border-radius: .25rem; box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.1); backdrop-filter: blur(10px); opacity: 0; } .toast:not(:last-child) { margin-bottom: .75rem; } .toast.showing { opacity: 1; } .toast.show { display: block; opacity: 1; } .toast.hide { display: none; } .toast-header { display: flex; align-items: center; padding: .25rem .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); } .toast-body { padding: .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; background-color: rgba(0, 0, 0, 0.5); } .modal-dialog { position: relative; width: auto; margin: .5rem; pointer-events: none; } .modal.fade .modal-dialog { transition: transform 0.3s ease-out; transform: translate(0, -50px); } @media screen and (prefers-reduced-motion: reduce) { .modal.fade .modal-dialog { transition: none; } } .modal.show .modal-dialog { transform: none; } .modal-dialog-centered { display: flex; align-items: center; min-height: calc(100% - (.5rem * 2)); } .modal-dialog-centered::before { display: block; height: calc(100vh - (.5rem * 2)); content: ""; } .modal-content { position: relative; display: flex; flex-direction: column; width: 100%; pointer-events: auto; background-color: #fff; background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 1.4rem; outline: 0; } .modal-backdrop, .blockOverlay { position: fixed; top: 0; left: 0; z-index: 1040; width: 100vw; height: 100vh; background-color: #000; } .modal-backdrop.fade, .fade.blockOverlay { opacity: 0; } .modal-backdrop.show, .show.blockOverlay { opacity: .5; } .modal-header { display: flex; align-items: flex-start; justify-content: space-between; padding: 0.5rem 1rem; border-bottom: 1px solid #e9ecef; border-top-left-radius: .3rem; border-top-right-radius: .3rem; } .modal-header .close { padding: 1rem 1rem; margin: -1rem -1rem -1rem auto; } .modal-title { margin-bottom: 0; line-height: 1.5; color: #6c757d; font-weight: 600; font-size: 1.2rem; } .modal-body { position: relative; flex: 1 1 auto; padding: 1rem; } .modal-footer { display: flex; align-items: center; justify-content: center; padding: 1rem; border-top: 1px solid #e9ecef; border-bottom-right-radius: .3rem; border-bottom-left-radius: .3rem; } .modal-footer > :not(:first-child) { margin-left: .25rem; } .modal-footer > :not(:last-child) { margin-right: .25rem; } .modal-scrollbar-measure { position: absolute; top: -9999px; width: 50px; height: 50px; overflow: scroll; } @media (min-width: 576px) { .modal-dialog { max-width: 500px; margin: 1.75rem auto; } .modal-dialog-centered { min-height: calc(100% - (1.75rem * 2)); } .modal-dialog-centered::before { height: calc(100vh - (1.75rem * 2)); } .modal-sm { max-width: 300px; } } @media (min-width: 992px) { .modal-lg, .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: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-style: normal; font-weight: 400; line-height: 1.5; text-align: left; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; letter-spacing: normal; word-break: normal; word-spacing: normal; white-space: normal; line-break: auto; font-size: .875rem; word-wrap: break-word; opacity: 0; } .tooltip.show { opacity: .9; } .tooltip .arrow { position: absolute; display: block; width: .8rem; height: .4rem; } .tooltip .arrow::before { position: absolute; content: ""; border-color: transparent; border-style: solid; } .bs-tooltip-top, .bs-tooltip-auto[x-placement^="top"] { padding: .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: .4rem .4rem 0; border-top-color: #000; } .bs-tooltip-right, .bs-tooltip-auto[x-placement^="right"] { padding: 0 .4rem; } .bs-tooltip-right .arrow, .bs-tooltip-auto[x-placement^="right"] .arrow { left: 0; width: .4rem; height: .8rem; } .bs-tooltip-right .arrow::before, .bs-tooltip-auto[x-placement^="right"] .arrow::before { right: 0; border-width: .4rem .4rem .4rem 0; border-right-color: #000; } .bs-tooltip-bottom, .bs-tooltip-auto[x-placement^="bottom"] { padding: .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 .4rem .4rem; border-bottom-color: #000; } .bs-tooltip-left, .bs-tooltip-auto[x-placement^="left"] { padding: 0 .4rem; } .bs-tooltip-left .arrow, .bs-tooltip-auto[x-placement^="left"] .arrow { right: 0; width: .4rem; height: .8rem; } .bs-tooltip-left .arrow::before, .bs-tooltip-auto[x-placement^="left"] .arrow::before { left: 0; border-width: .4rem 0 .4rem .4rem; border-left-color: #000; } .tooltip-inner { max-width: 200px; padding: .25rem .5rem; color: #fff; text-align: center; background-color: #000; border-radius: .25rem; } .popover { position: absolute; top: 0; left: 0; z-index: 1060; display: block; max-width: 320px; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-style: normal; font-weight: 400; line-height: 1.5; text-align: left; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; letter-spacing: normal; word-break: normal; word-spacing: normal; white-space: normal; line-break: auto; font-size: .875rem; word-wrap: break-word; background-color: #fff; background-clip: padding-box; border: 1px solid rgba(26, 54, 126, 0.125); border-radius: .3rem; } .popover .arrow { position: absolute; display: block; width: 1rem; height: .5rem; margin: 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: .5rem; } .bs-popover-top .arrow, .bs-popover-auto[x-placement^="top"] .arrow { bottom: calc((.5rem + 1px) * -1); } .bs-popover-top .arrow::before, .bs-popover-auto[x-placement^="top"] .arrow::before, .bs-popover-top .arrow::after, .bs-popover-auto[x-placement^="top"] .arrow::after { border-width: .5rem .5rem 0; } .bs-popover-top .arrow::before, .bs-popover-auto[x-placement^="top"] .arrow::before { bottom: 0; border-top-color: rgba(0, 0, 0, 0.25); } .bs-popover-top .arrow::after, .bs-popover-auto[x-placement^="top"] .arrow::after { bottom: 1px; border-top-color: #fff; } .bs-popover-right, .bs-popover-auto[x-placement^="right"] { margin-left: .5rem; } .bs-popover-right .arrow, .bs-popover-auto[x-placement^="right"] .arrow { left: calc((.5rem + 1px) * -1); width: .5rem; height: 1rem; margin: .3rem 0; } .bs-popover-right .arrow::before, .bs-popover-auto[x-placement^="right"] .arrow::before, .bs-popover-right .arrow::after, .bs-popover-auto[x-placement^="right"] .arrow::after { border-width: .5rem .5rem .5rem 0; } .bs-popover-right .arrow::before, .bs-popover-auto[x-placement^="right"] .arrow::before { left: 0; border-right-color: rgba(0, 0, 0, 0.25); } .bs-popover-right .arrow::after, .bs-popover-auto[x-placement^="right"] .arrow::after { left: 1px; border-right-color: #fff; } .bs-popover-bottom, .bs-popover-auto[x-placement^="bottom"] { margin-top: .5rem; } .bs-popover-bottom .arrow, .bs-popover-auto[x-placement^="bottom"] .arrow { top: calc((.5rem + 1px) * -1); } .bs-popover-bottom .arrow::before, .bs-popover-auto[x-placement^="bottom"] .arrow::before, .bs-popover-bottom .arrow::after, .bs-popover-auto[x-placement^="bottom"] .arrow::after { border-width: 0 .5rem .5rem .5rem; } .bs-popover-bottom .arrow::before, .bs-popover-auto[x-placement^="bottom"] .arrow::before { top: 0; border-bottom-color: rgba(0, 0, 0, 0.25); } .bs-popover-bottom .arrow::after, .bs-popover-auto[x-placement^="bottom"] .arrow::after { top: 1px; border-bottom-color: #fff; } .bs-popover-bottom .popover-header::before, .bs-popover-auto[x-placement^="bottom"] .popover-header::before { position: absolute; top: 0; left: 50%; display: block; width: 1rem; margin-left: -.5rem; content: ""; border-bottom: 1px solid #fff; } .bs-popover-left, .bs-popover-auto[x-placement^="left"] { margin-right: .5rem; } .bs-popover-left .arrow, .bs-popover-auto[x-placement^="left"] .arrow { right: calc((.5rem + 1px) * -1); width: .5rem; height: 1rem; margin: .3rem 0; } .bs-popover-left .arrow::before, .bs-popover-auto[x-placement^="left"] .arrow::before, .bs-popover-left .arrow::after, .bs-popover-auto[x-placement^="left"] .arrow::after { border-width: .5rem 0 .5rem .5rem; } .bs-popover-left .arrow::before, .bs-popover-auto[x-placement^="left"] .arrow::before { right: 0; border-left-color: rgba(0, 0, 0, 0.25); } .bs-popover-left .arrow::after, .bs-popover-auto[x-placement^="left"] .arrow::after { right: 1px; border-left-color: #fff; } .popover-header { padding: .5rem .75rem; margin-bottom: 0; font-size: .88rem; color: inherit; background-color: #fff; border-bottom: 1px solid #f2f2f2; border-top-left-radius: calc(.3rem - 1px); border-top-right-radius: calc(.3rem - 1px); } .popover-header:empty { display: none; } .popover-body { padding: .5rem .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%; backface-visibility: hidden; transition: transform .6s ease-in-out; } @media screen and (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: 0s .6s opacity; } @media screen and (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%; color: #fff; text-align: center; opacity: .5; transition: opacity 0.15s ease; } @media screen and (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: .9; } .carousel-control-prev { left: 0; } .carousel-control-next { right: 0; } .carousel-control-prev-icon, .carousel-control-next-icon { display: inline-block; width: 20px; height: 20px; background: transparent no-repeat center center; background-size: 100% 100%; } .carousel-control-prev-icon { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3e%3c/svg%3e"); } .carousel-control-next-icon { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3e%3c/svg%3e"); } .carousel-indicators { position: absolute; right: 0; bottom: 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: .5; transition: opacity 0.6s ease; } @media screen and (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; } @keyframes spinner-border { to { transform: rotate(360deg); } } .spinner-border { display: inline-block; width: 2rem; height: 2rem; vertical-align: text-bottom; border: .25em solid currentColor; border-right-color: transparent; border-radius: 50%; animation: spinner-border .75s linear infinite; } .spinner-border-sm { width: 1rem; height: 1rem; border-width: .2em; } @keyframes spinner-grow { 0% { transform: scale(0); } 50% { opacity: 1; } } .spinner-grow { display: inline-block; width: 2rem; height: 2rem; vertical-align: text-bottom; background-color: currentColor; border-radius: 50%; opacity: 0; animation: spinner-grow .75s linear infinite; } .spinner-grow-sm { width: 1rem; height: 1rem; } .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: #3f6ad8 !important; } a.bg-primary:hover, a.bg-primary:focus, button.bg-primary:hover, button.bg-primary:focus { background-color: #2651be !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: #f09e0e !important; } a.bg-success:hover, a.bg-success:focus, button.bg-success:hover, button.bg-success:focus { background-color: #2e9d64 !important; } .bg-info { background-color: #16aaff !important; } a.bg-info:hover, a.bg-info:focus, button.bg-info:hover, button.bg-info:focus { background-color: #0090e2 !important; } .bg-warning { background-color: #f7b924 !important; } a.bg-warning:hover, a.bg-warning:focus, button.bg-warning:hover, button.bg-warning:focus { background-color: #e0a008 !important; } .bg-danger { background-color: #FF4961 !important; } a.bg-danger:hover, a.bg-danger:focus, button.bg-danger:hover, button.bg-danger:focus { background-color: #ad1e40 !important; } .bg-light { background-color: #eee !important; } a.bg-light:hover, a.bg-light:focus, button.bg-light:hover, button.bg-light:focus { background-color: #d5d5d5 !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-focus { background-color: #444054 !important; } a.bg-focus:hover, a.bg-focus:focus, button.bg-focus:hover, button.bg-focus:focus { background-color: #2d2a37 !important; } .bg-alternate { background-color: #794c8a !important; } a.bg-alternate:hover, a.bg-alternate:focus, button.bg-alternate:hover, button.bg-alternate:focus { background-color: #5c3a69 !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: #3f6ad8 !important; } .border-secondary { border-color: #6c757d !important; } .border-success { border-color: #3ac47d !important; } .border-info { border-color: #16aaff !important; } .border-warning { border-color: #f7b924 !important; } .border-danger { border-color: #FF4961 !important; } .border-light { border-color: #eee !important; } .border-dark { border-color: #343a40 !important; } .border-focus { border-color: #444054 !important; } .border-alternate { border-color: #794c8a !important; } .border-white { border-color: #fff !important; } .rounded { border-radius: .25rem !important; } .rounded-top { border-top-left-radius: .25rem !important; border-top-right-radius: .25rem !important; } .rounded-right { border-top-right-radius: .25rem !important; border-bottom-right-radius: .25rem !important; } .rounded-bottom { border-bottom-right-radius: .25rem !important; border-bottom-left-radius: .25rem !important; } .rounded-left { border-top-left-radius: .25rem !important; border-bottom-left-radius: .25rem !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.85714%; } .embed-responsive-16by9::before { padding-top: 56.25%; } .embed-responsive-3by4::before { padding-top: 133.33333%; } .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; } } .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: sticky !important; } .fixed-top { position: fixed; top: 0; right: 0; left: 0; z-index: 1030; } .fixed-bottom { position: fixed; right: 0; bottom: 0; left: 0; z-index: 1030; } @supports (position: sticky) { .sticky-top; { position: sticky; top: 0; z-index: 1020; } } .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; } .sr-only-focusable:active, .sr-only-focusable:focus { position: static; width: auto; height: auto; overflow: visible; clip: auto; white-space: normal; } .shadow-sm { box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important; } .shadow { box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important; } .shadow-lg { box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important; } .shadow-none { box-shadow: none !important; } .w-25 { width: 25% !important; } .w-50 { width: 50% !important; } .w-75 { width: 75% !important; } .w-100 { width: 100% !important; } .w-auto { width: auto !important; } .h-25 { height: 25% !important; } .h-50 { height: 50% !important; } .h-75 { height: 75% !important; } .h-100 { height: 100% !important; } .h-auto { height: auto !important; } .mw-100 { max-width: 100% !important; } .mh-100 { max-height: 100% !important; } .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: .25rem !important; } .mt-1, .my-1 { margin-top: .25rem !important; } .mr-1, .mx-1 { margin-right: .25rem !important; } .mb-1, .my-1 { margin-bottom: .25rem !important; } .ml-1, .mx-1 { margin-left: .25rem !important; } .m-2 { margin: .5rem !important; } .mt-2, .my-2 { margin-top: .5rem !important; } .mr-2, .mx-2 { margin-right: .5rem !important; } .mb-2, .my-2 { margin-bottom: .5rem !important; } .ml-2, .mx-2 { margin-left: .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; } .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: .25rem !important; } .pt-1, .py-1 { padding-top: .25rem !important; } .pr-1, .px-1 { padding-right: .25rem !important; } .pb-1, .py-1 { padding-bottom: .25rem !important; } .pl-1, .px-1 { padding-left: .25rem !important; } .p-2 { padding: .5rem !important; } .pt-2, .py-2 { padding-top: .5rem !important; } .pr-2, .px-2 { padding-right: .5rem !important; } .pb-2, .py-2 { padding-bottom: .5rem !important; } .pl-2, .px-2 { padding-left: .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: -.25rem !important; } .mt-n1, .my-n1 { margin-top: -.25rem !important; } .mr-n1, .mx-n1 { margin-right: -.25rem !important; } .mb-n1, .my-n1 { margin-bottom: -.25rem !important; } .ml-n1, .mx-n1 { margin-left: -.25rem !important; } .m-n2 { margin: -.5rem !important; } .mt-n2, .my-n2 { margin-top: -.5rem !important; } .mr-n2, .mx-n2 { margin-right: -.5rem !important; } .mb-n2, .my-n2 { margin-bottom: -.5rem !important; } .ml-n2, .mx-n2 { margin-left: -.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: .25rem !important; } .mt-sm-1, .my-sm-1 { margin-top: .25rem !important; } .mr-sm-1, .mx-sm-1 { margin-right: .25rem !important; } .mb-sm-1, .my-sm-1 { margin-bottom: .25rem !important; } .ml-sm-1, .mx-sm-1 { margin-left: .25rem !important; } .m-sm-2 { margin: .5rem !important; } .mt-sm-2, .my-sm-2 { margin-top: .5rem !important; } .mr-sm-2, .mx-sm-2 { margin-right: .5rem !important; } .mb-sm-2, .my-sm-2 { margin-bottom: .5rem !important; } .ml-sm-2, .mx-sm-2 { margin-left: .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: .25rem !important; } .pt-sm-1, .py-sm-1 { padding-top: .25rem !important; } .pr-sm-1, .px-sm-1 { padding-right: .25rem !important; } .pb-sm-1, .py-sm-1 { padding-bottom: .25rem !important; } .pl-sm-1, .px-sm-1 { padding-left: .25rem !important; } .p-sm-2 { padding: .5rem !important; } .pt-sm-2, .py-sm-2 { padding-top: .5rem !important; } .pr-sm-2, .px-sm-2 { padding-right: .5rem !important; } .pb-sm-2, .py-sm-2 { padding-bottom: .5rem !important; } .pl-sm-2, .px-sm-2 { padding-left: .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: -.25rem !important; } .mt-sm-n1, .my-sm-n1 { margin-top: -.25rem !important; } .mr-sm-n1, .mx-sm-n1 { margin-right: -.25rem !important; } .mb-sm-n1, .my-sm-n1 { margin-bottom: -.25rem !important; } .ml-sm-n1, .mx-sm-n1 { margin-left: -.25rem !important; } .m-sm-n2 { margin: -.5rem !important; } .mt-sm-n2, .my-sm-n2 { margin-top: -.5rem !important; } .mr-sm-n2, .mx-sm-n2 { margin-right: -.5rem !important; } .mb-sm-n2, .my-sm-n2 { margin-bottom: -.5rem !important; } .ml-sm-n2, .mx-sm-n2 { margin-left: -.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: .25rem !important; } .mt-md-1, .my-md-1 { margin-top: .25rem !important; } .mr-md-1, .mx-md-1 { margin-right: .25rem !important; } .mb-md-1, .my-md-1 { margin-bottom: .25rem !important; } .ml-md-1, .mx-md-1 { margin-left: .25rem !important; } .m-md-2 { margin: .5rem !important; } .mt-md-2, .my-md-2 { margin-top: .5rem !important; } .mr-md-2, .mx-md-2 { margin-right: .5rem !important; } .mb-md-2, .my-md-2 { margin-bottom: .5rem !important; } .ml-md-2, .mx-md-2 { margin-left: .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: .25rem !important; } .pt-md-1, .py-md-1 { padding-top: .25rem !important; } .pr-md-1, .px-md-1 { padding-right: .25rem !important; } .pb-md-1, .py-md-1 { padding-bottom: .25rem !important; } .pl-md-1, .px-md-1 { padding-left: .25rem !important; } .p-md-2 { padding: .5rem !important; } .pt-md-2, .py-md-2 { padding-top: .5rem !important; } .pr-md-2, .px-md-2 { padding-right: .5rem !important; } .pb-md-2, .py-md-2 { padding-bottom: .5rem !important; } .pl-md-2, .px-md-2 { padding-left: .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: -.25rem !important; } .mt-md-n1, .my-md-n1 { margin-top: -.25rem !important; } .mr-md-n1, .mx-md-n1 { margin-right: -.25rem !important; } .mb-md-n1, .my-md-n1 { margin-bottom: -.25rem !important; } .ml-md-n1, .mx-md-n1 { margin-left: -.25rem !important; } .m-md-n2 { margin: -.5rem !important; } .mt-md-n2, .my-md-n2 { margin-top: -.5rem !important; } .mr-md-n2, .mx-md-n2 { margin-right: -.5rem !important; } .mb-md-n2, .my-md-n2 { margin-bottom: -.5rem !important; } .ml-md-n2, .mx-md-n2 { margin-left: -.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: .25rem !important; } .mt-lg-1, .my-lg-1 { margin-top: .25rem !important; } .mr-lg-1, .mx-lg-1 { margin-right: .25rem !important; } .mb-lg-1, .my-lg-1 { margin-bottom: .25rem !important; } .ml-lg-1, .mx-lg-1 { margin-left: .25rem !important; } .m-lg-2 { margin: .5rem !important; } .mt-lg-2, .my-lg-2 { margin-top: .5rem !important; } .mr-lg-2, .mx-lg-2 { margin-right: .5rem !important; } .mb-lg-2, .my-lg-2 { margin-bottom: .5rem !important; } .ml-lg-2, .mx-lg-2 { margin-left: .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: .25rem !important; } .pt-lg-1, .py-lg-1 { padding-top: .25rem !important; } .pr-lg-1, .px-lg-1 { padding-right: .25rem !important; } .pb-lg-1, .py-lg-1 { padding-bottom: .25rem !important; } .pl-lg-1, .px-lg-1 { padding-left: .25rem !important; } .p-lg-2 { padding: .5rem !important; } .pt-lg-2, .py-lg-2 { padding-top: .5rem !important; } .pr-lg-2, .px-lg-2 { padding-right: .5rem !important; } .pb-lg-2, .py-lg-2 { padding-bottom: .5rem !important; } .pl-lg-2, .px-lg-2 { padding-left: .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: -.25rem !important; } .mt-lg-n1, .my-lg-n1 { margin-top: -.25rem !important; } .mr-lg-n1, .mx-lg-n1 { margin-right: -.25rem !important; } .mb-lg-n1, .my-lg-n1 { margin-bottom: -.25rem !important; } .ml-lg-n1, .mx-lg-n1 { margin-left: -.25rem !important; } .m-lg-n2 { margin: -.5rem !important; } .mt-lg-n2, .my-lg-n2 { margin-top: -.5rem !important; } .mr-lg-n2, .mx-lg-n2 { margin-right: -.5rem !important; } .mb-lg-n2, .my-lg-n2 { margin-bottom: -.5rem !important; } .ml-lg-n2, .mx-lg-n2 { margin-left: -.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: .25rem !important; } .mt-xl-1, .my-xl-1 { margin-top: .25rem !important; } .mr-xl-1, .mx-xl-1 { margin-right: .25rem !important; } .mb-xl-1, .my-xl-1 { margin-bottom: .25rem !important; } .ml-xl-1, .mx-xl-1 { margin-left: .25rem !important; } .m-xl-2 { margin: .5rem !important; } .mt-xl-2, .my-xl-2 { margin-top: .5rem !important; } .mr-xl-2, .mx-xl-2 { margin-right: .5rem !important; } .mb-xl-2, .my-xl-2 { margin-bottom: .5rem !important; } .ml-xl-2, .mx-xl-2 { margin-left: .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: .25rem !important; } .pt-xl-1, .py-xl-1 { padding-top: .25rem !important; } .pr-xl-1, .px-xl-1 { padding-right: .25rem !important; } .pb-xl-1, .py-xl-1 { padding-bottom: .25rem !important; } .pl-xl-1, .px-xl-1 { padding-left: .25rem !important; } .p-xl-2 { padding: .5rem !important; } .pt-xl-2, .py-xl-2 { padding-top: .5rem !important; } .pr-xl-2, .px-xl-2 { padding-right: .5rem !important; } .pb-xl-2, .py-xl-2 { padding-bottom: .5rem !important; } .pl-xl-2, .px-xl-2 { padding-left: .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: -.25rem !important; } .mt-xl-n1, .my-xl-n1 { margin-top: -.25rem !important; } .mr-xl-n1, .mx-xl-n1 { margin-right: -.25rem !important; } .mb-xl-n1, .my-xl-n1 { margin-bottom: -.25rem !important; } .ml-xl-n1, .mx-xl-n1 { margin-left: -.25rem !important; } .m-xl-n2 { margin: -.5rem !important; } .mt-xl-n2, .my-xl-n2 { margin-top: -.5rem !important; } .mr-xl-n2, .mx-xl-n2 { margin-right: -.5rem !important; } .mb-xl-n2, .my-xl-n2 { margin-bottom: -.5rem !important; } .ml-xl-n2, .mx-xl-n2 { margin-left: -.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; } } .text-monospace { font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; } .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-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: #3f6ad8 !important; } a.text-primary:hover, a.text-primary:focus { color: #2248a8 !important; } .text-secondary { color: #6c757d !important; } a.text-secondary:hover, a.text-secondary:focus { color: #494f54 !important; } .text-success { color: #f09e0e !important; } a.text-success:hover, a.text-success:focus { color: #298957 !important; } .text-info { color: #16aaff !important; } a.text-info:hover, a.text-info:focus { color: #007fc9 !important; } .text-warning { color: #f7b924 !important; } a.text-warning:hover, a.text-warning:focus { color: #c78f07 !important; } .text-danger { color: #FF4961 !important; } a.text-danger:hover, a.text-danger:focus { color: #981a38 !important; } .text-light { color: #eee !important; } a.text-light:hover, a.text-light:focus { color: #c8c8c8 !important; } .text-dark { color: #343a40 !important; } a.text-dark:hover, a.text-dark:focus { color: #121416 !important; } .text-focus { color: #444054 !important; } a.text-focus:hover, a.text-focus:focus { color: #211f29 !important; } .text-alternate { color: #794c8a !important; } a.text-alternate:hover, a.text-alternate:focus { color: #4e3159 !important; } .text-body { color: #495057 !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-reset { color: inherit !important; } .visible { visibility: visible !important; } .invisible { visibility: hidden !important; } .app-container { display: flex; min-height: 100vh; flex-direction: column; margin: 0; margin-top: -26px; } .icon-anim-pulse { animation: pulse_animation; animation-duration: 1000ms; animation-iteration-count: infinite; animation-timing-function: linear; } @keyframes pulse_animation { 0% { transform: scale(1); } 30% { transform: scale(1.1); } 40% { transform: scale(1.21); } 50% { transform: scale(1); } 60% { transform: scale(1); } 70% { transform: scale(1.09); } 80% { transform: scale(1.05); } 100% { transform: scale(1); } } .SidebarAnimation-appear { transform: translateX(-30px); opacity: 0; } .SidebarAnimation-appear.SidebarAnimation-appear-active { opacity: 1; transform: translateX(0); transition: all .4s linear; } .HeaderAnimation-appear { transform: translateY(-30px); opacity: 0; } .HeaderAnimation-appear.HeaderAnimation-appear-active { opacity: 1; transform: translateY(0); transition: all .4s linear; } .MainAnimation-appear { transform: translateY(-30px); opacity: 0; } .MainAnimation-appear.MainAnimation-appear-active { opacity: 1; transform: translateY(0); transition: all .4s linear; } .app-header { position: relative; z-index: 10; transition: all .2s; } .app-header .app-header__content { display: flex; align-items: center; align-content: center; flex: 1; padding: 0 1.5rem; height: 60px; cursor: context-menu; } .app-header .app-header__content .app-header-left { display: flex; align-items: center; } .app-header .app-header__content .app-header-right { align-items: center; display: flex; margin-left: auto; } .app-header .app-header__content .app-header-right a { color:#FFF; } .app-header .header-user-info > .widget-heading, .app-header .header-user-info > .widget-subheading { white-space: nowrap; } .app-header .header-user-info > .widget-subheading { font-size: .8rem; } .app-header__logo { padding: 0 1.5rem; width: 280px; display: flex; align-items: center; transition: width .2s; } .app-header__logo .logo-src { display: flex; height: auto; width: auto; background: url(../../img/logo_rpos.png); padding-top: 5px; padding-left: 10px; } .app-header__menu, .app-header__mobile-menu { display: none; padding: 0 1.5rem; height: 60px; align-items: center; } .fixed-header .app-header .app-header__logo { visibility: visible; } .fixed-header .app-main { padding-top: 60px; } .fixed-header:not(.fixed-sidebar):not(.closed-sidebar) .app-sidebar .app-header__logo { visibility: hidden; } .header-dots { margin-left: auto; display: flex; } .header-dots > .dropdown { display: flex; align-content: center; } .header-dots .icon-wrapper-alt { margin: 0; height: 35px; width: 35px; text-align: center; overflow: visible; } .header-dots .icon-wrapper-alt .language-icon { border-radius: 30px; position: relative; z-index: 4; width: 32px; height: 32px; overflow: hidden; margin: 0 auto; } .header-dots .icon-wrapper-alt .language-icon img { position: relative; top: 50%; left: 50%; margin: -22px 0 0 -20px; } .header-dots .icon-wrapper-alt .icon-wrapper-bg { opacity: .1; transition: opacity .2s; border-radius: 40px; } .header-dots .icon-wrapper-alt svg { margin: 0 auto; } @-moz-document url-prefix() { .header-dots .icon-wrapper-alt svg; { width: 50%; } } .header-dots .icon-wrapper-alt i { font-size: 1.5rem; } .header-dots .icon-wrapper-alt:hover { cursor: pointer; } .header-dots .icon-wrapper-alt:hover .icon-wrapper-bg { opacity: .2; } .header-dots .icon-wrapper-alt .badge-dot { top: 1px; right: 1px; border: 0; } .header-megamenu.nav > li > .nav-link { color: #6c757d; padding-left: .66667rem; padding-right: .66667rem; } .header-megamenu.nav > li > .nav-link .badge-pill { padding: 5px 7px; } .header-megamenu.nav > li > .nav-link:hover { color: #343a40; } .header-megamenu.nav > li > .nav-link .fa { margin-top: 3px; } .header-btn-lg { display: flex; align-items: center; position: relative; } .header-btn-lg::before { position: absolute; left: -1px; top: 50%; background: #dee2e6; width: 1px; height: 30px; margin-top: -15px; content: ''; } .header-btn-lg .hamburger-inner, .header-btn-lg .hamburger-inner::before, .header-btn-lg .hamburger-inner::after { background: #6c757d; } .app-header.header-text-light .app-header-left > .nav > li > .nav-link { color: rgba(255, 255, 255, 0.7); } .app-header.header-text-light .app-header-left > .nav > li > .nav-link .nav-link-icon { color: rgba(255, 255, 255, 0.8); } .app-header.header-text-light .app-header-left > .nav > li > .nav-link:hover { color: #fff; } .app-header.header-text-light .app-header-right .icon-wrapper-alt .fa, .app-header.header-text-light .app-header-right .icon-wrapper-alt .icon { color: rgba(255, 255, 255, 0.7) !important; transition: all .2s; } .app-header.header-text-light .app-header-right .icon-wrapper-alt .icon-wrapper-bg { background: rgba(255, 255, 255, 0.1) !important; transition: all .2s; opacity: 1; } .app-header.header-text-light .app-header-right .icon-wrapper-alt:hover .fa, .app-header.header-text-light .app-header-right .icon-wrapper-alt:hover .icon { color: rgba(255, 255, 255, 0.9) !important; } .app-header.header-text-light .app-header-right .icon-wrapper-alt:hover .icon-wrapper-bg { background: rgba(255, 255, 255, 0.15) !important; } .app-header.header-text-light .app-header-right .icon-wrapper-alt .badge-dot { border-color: transparent; } .app-header.header-text-light .app-header-right > .header-btn-lg .widget-content-left .btn-group > .btn, .app-header.header-text-light .app-header-right > .header-btn-lg .widget-heading, .app-header.header-text-light .app-header-right > .header-btn-lg .widget-subheading { color: rgba(255, 255, 255, 0.8); } .app-header.header-text-light .app-header-right > .header-btn-lg .header-user-info > .btn-shadow { box-shadow: 0 0.125rem 0.625rem rgba(0, 0, 0, 0.1), 0 0.0625rem 0.125rem rgba(0, 0, 0, 0.2); } .app-header.header-text-light .search-wrapper .input-holder .search-icon { background: rgba(0, 0, 0, 0.1); } .app-header.header-text-light .search-wrapper .input-holder .search-input::placeholder, .app-header.header-text-light .search-wrapper .input-holder .search-input::-webkit-input-placeholder, .app-header.header-text-light .search-wrapper .input-holder .search-input:-ms-input-placeholder, .app-header.header-text-light .search-wrapper .input-holder .search-input:-moz-placeholder, .app-header.header-text-light .search-wrapper .input-holder .search-input::-moz-placeholder { color: rgba(255, 255, 255, 0.5) !important; } .app-header.header-text-light .search-wrapper.active .input-holder { background: rgba(255, 255, 255, 0.1); } .app-header.header-text-light .search-wrapper.active .input-holder .search-input { color: rgba(255, 255, 255, 0.8); } .app-header.header-text-light .search-wrapper.active .input-holder .search-icon { background: rgba(255, 255, 255, 0.1); } .app-header.header-text-light .header-btn-lg::before { background: rgba(255, 255, 255, 0.2); } .app-header.header-text-light .header-btn-lg .hamburger-inner, .app-header.header-text-light .header-btn-lg .hamburger.is-active .hamburger-inner, .app-header.header-text-light .header-btn-lg .hamburger-inner::before, .app-header.header-text-light .header-btn-lg .hamburger-inner::after, .app-header.header-text-light .header__pane .hamburger-inner, .app-header.header-text-light .header__pane .hamburger.is-active .hamburger-inner, .app-header.header-text-light .header__pane .hamburger-inner::before, .app-header.header-text-light .header__pane .hamburger-inner::after { background-color: rgba(255, 255, 255, 0.8) !important; } .app-header.header-text-light .search-wrapper .input-holder .search-icon span::after { border-color: rgba(255, 255, 255, 0.8); } .app-header.header-text-light .search-wrapper .close::before, .app-header.header-text-light .search-wrapper .close::after, .app-header.header-text-light .search-wrapper .input-holder .search-icon span::before { background: rgba(255, 255, 255, 0.8); } .app-header.header-text-light .app-header__logo .logo-src { background: url(assets/images/logo.png); } .app-header.header-text-light .app-header__mobile-menu .hamburger-inner, .app-header.header-text-light .app-header__mobile-menu .hamburger-inner::before, .app-header.header-text-light .app-header__mobile-menu .hamburger-inner::after { background: rgba(255, 255, 255, 0.9); } .app-header.header-text-dark .app-header-left > .nav > li > .nav-link { color: rgba(0, 0, 0, 0.7); } .app-header.header-text-dark .app-header-left > .nav > li > .nav-link .nav-link-icon { color: rgba(0, 0, 0, 0.8); } .app-header.header-text-dark .app-header-left > .nav > li > .nav-link:hover { color: #000; } .app-header.header-text-dark .app-header-right .icon-wrapper-alt .fa, .app-header.header-text-dark .app-header-right .icon-wrapper-alt .icon { color: rgba(0, 0, 0, 0.7) !important; transition: all .2s; } .app-header.header-text-dark .app-header-right .icon-wrapper-alt .icon-wrapper-bg { background: rgba(0, 0, 0, 0.1) !important; transition: all .2s; opacity: 1; } .app-header.header-text-dark .app-header-right .icon-wrapper-alt:hover .fa, .app-header.header-text-dark .app-header-right .icon-wrapper-alt:hover .icon { color: rgba(0, 0, 0, 0.95) !important; } .app-header.header-text-dark .app-header-right .icon-wrapper-alt:hover .icon-wrapper-bg { background: rgba(0, 0, 0, 0.15) !important; } .app-header.header-text-dark .app-header-right .icon-wrapper-alt .badge-dot { border-color: transparent; } .app-header.header-text-dark .app-header-right > .header-btn-lg .widget-content-left .btn-group > .btn, .app-header.header-text-dark .app-header-right > .header-btn-lg .widget-heading, .app-header.header-text-dark .app-header-right > .header-btn-lg .widget-subheading { color: rgba(0, 0, 0, 0.8); } .app-header.header-text-dark .app-header-right > .header-btn-lg .header-user-info > .btn-shadow { box-shadow: 0 0.125rem 0.625rem rgba(0, 0, 0, 0.1), 0 0.0625rem 0.125rem rgba(0, 0, 0, 0.2); } .app-header.header-text-dark .search-wrapper .input-holder .search-icon { background: rgba(0, 0, 0, 0.1); } .app-header.header-text-dark .search-wrapper.active .input-holder { background: rgba(0, 0, 0, 0.1); } .app-header.header-text-dark .search-wrapper.active .input-holder .search-input { color: rgba(0, 0, 0, 0.8); } .app-header.header-text-dark .search-wrapper.active .input-holder .search-icon { background: rgba(0, 0, 0, 0.1); } .app-header.header-text-dark .header-btn-lg::before { background: rgba(0, 0, 0, 0.2); } .app-header.header-text-dark .header-btn-lg .hamburger-inner, .app-header.header-text-dark .header-btn-lg .hamburger.is-active .hamburger-inner, .app-header.header-text-dark .header-btn-lg .hamburger-inner::before, .app-header.header-text-dark .header-btn-lg .hamburger-inner::after, .app-header.header-text-dark .header__pane .hamburger-inner, .app-header.header-text-dark .header__pane .hamburger.is-active .hamburger-inner, .app-header.header-text-dark .header__pane .hamburger-inner::before, .app-header.header-text-dark .header__pane .hamburger-inner::after { background-color: rgba(0, 0, 0, 0.8) !important; } .app-header.header-text-dark .search-wrapper .input-holder .search-icon span::after { border-color: rgba(0, 0, 0, 0.8); } .app-header.header-text-dark .search-wrapper .close::before, .app-header.header-text-dark .search-wrapper .close::after, .app-header.header-text-dark .search-wrapper .input-holder .search-icon span::before { background: rgba(0, 0, 0, 0.8); } .app-header.header-text-dark .app-header__logo .logo-src { background: url(assets/images/logo-inverse.png); } .app-sidebar { z-index: 9; position: relative; } .app-sidebar .app-sidebar__inner { padding: 2px 1.5rem 1.5rem; } .app-sidebar .scrollbar-sidebar { z-index: 15; width: 80vh; overflow-y:auto; } .app-sidebar .app-sidebar-bg { position: absolute; left: 0; top: 0; height: 100%; width: 100%; opacity: 0.05; background-size: cover; z-index: 10; } .app-sidebar .app-header__logo { position: absolute; left: 0; top: 0; display: none; z-index: 11; } .app-sidebar.sidebar-shadow { box-shadow: 7px 0 60px rgba(0, 0, 0, 0.05); } .app-sidebar__heading { text-transform: uppercase; font-size: .8rem; margin: .75rem 0; font-weight: bold; color: #3f6ad8; white-space: nowrap; position: relative; } .sidebar-mobile-overlay { display: none; position: fixed; width: 100%; height: 100%; background: #333; opacity: .6; left: 0; top: 0; z-index: 12; } .vertical-nav-menu { position: relative; list-style: none; } .vertical-nav-menu::after { content: " "; pointer-events: none; position: absolute; bottom: 0; left: 0; right: 0; top: 0; } .vertical-nav-menu .mm-collapse:not(.mm-show) { display: none; } .vertical-nav-menu .mm-collapsing { position: relative; height: 0; overflow: hidden; transition-timing-function: ease; transition-duration: .25s; transition-property: height, visibility; } .vertical-nav-menu ul { margin: 0; padding: 0; list-style: none; } .vertical-nav-menu:before { opacity: 0; transition: opacity 300ms; } .vertical-nav-menu li a { display: block; padding: 0 1.5rem 0 45px; position: relative; color:#343a40; white-space: nowrap; transition: all .2s; } .vertical-nav-menu li a:hover { text-decoration: none; } .vertical-nav-menu li a:hover i.metismenu-icon { opacity: .6; } .vertical-nav-menu li a:hover i.metismenu-state-icon { opacity: 1; } .vertical-nav-menu li.mm-active > a { font-weight: bold; } .vertical-nav-menu li.mm-active > a i.metismenu-state-icon { transform: rotate(-180deg); } .vertical-nav-menu li a.mm-active { color: #3f6ad8; background: #e0f3ff; font-weight: bold; } .vertical-nav-menu i.metismenu-state-icon, .vertical-nav-menu i.metismenu-icon { text-align: center; width: 34px; height: 34px; line-height: 34px; position: absolute; left: 5px; top: 50%; margin-top: -17px; font-size: 1.2rem; opacity: 1; transition: color 300ms; color:#FF4961; } .vertical-nav-menu i.metismenu-state-icon { transition: transform 300ms; left: auto; right: 0; } .vertical-nav-menu ul > li > a:hover { color: #3f6ad8; } .vertical-nav-menu ul > li > a .metismenu-icon { display: none; } .vertical-nav-menu ul > li > a.mm-active { color: #3f6ad8; background: #e0f3ff; font-weight: bold; } .app-sidebar.sidebar-text-light { border-right: 0 !important; } .app-sidebar.sidebar-text-light .app-sidebar__heading { color: rgba(255, 255, 255, 0.6); } .app-sidebar.sidebar-text-light .app-sidebar__heading::before { background: rgba(255, 255, 255, 0.5) !important; } .app-sidebar.sidebar-text-light .vertical-nav-menu li a { color: rgba(255, 255, 255, 0.7); } .app-sidebar.sidebar-text-light .vertical-nav-menu li a i.metismenu-icon { opacity: .5; } .app-sidebar.sidebar-text-light .vertical-nav-menu li a i.metismenu-state-icon { opacity: .5; } .app-sidebar.sidebar-text-light .vertical-nav-menu li a:hover { background: rgba(255, 255, 255, 0.15); color: #fff; } .app-sidebar.sidebar-text-light .vertical-nav-menu li a:hover i.metismenu-icon { opacity: .8; } .app-sidebar.sidebar-text-light .vertical-nav-menu li a:hover i.metismenu-state-icon { opacity: 1; } .app-sidebar.sidebar-text-light .vertical-nav-menu li a.mm-active { color: rgba(255, 255, 255, 0.7); background: rgba(255, 255, 255, 0.15); } .app-sidebar.sidebar-text-light .vertical-nav-menu ul:before { background: rgba(255, 255, 255, 0.1); } .app-sidebar.sidebar-text-light .vertical-nav-menu ul > li > a { color: rgba(255, 255, 255, 0.6); } .app-sidebar.sidebar-text-light .vertical-nav-menu ul > li > a:hover { color: #fff; } .app-sidebar.sidebar-text-light .vertical-nav-menu ul > li > a.mm-active { color: #fff; background: rgba(255, 255, 255, 0.15); } .app-sidebar.sidebar-text-light .ps__thumb-y { background: rgba(255, 255, 255, 0.3); } .app-sidebar.sidebar-text-light .ps__rail-y:hover .ps__thumb-y { background: rgba(255, 255, 255, 0.2); } .app-sidebar.sidebar-text-light .app-header__logo .logo-src { background: url(assets/images/logo.png); } .app-sidebar.sidebar-text-light .app-header__logo .hamburger-inner, .app-sidebar.sidebar-text-light .app-header__logo .hamburger-inner::before, .app-sidebar.sidebar-text-light .app-header__logo .hamburger-inner::after { background-color: rgba(255, 255, 255, 0.8); } .app-sidebar.sidebar-text-dark { border-right: 0 !important; } .app-sidebar.sidebar-text-dark .app-sidebar__heading { color: rgba(0, 0, 0, 0.6); } .app-sidebar.sidebar-text-dark .app-sidebar__heading::before { background: rgba(0, 0, 0, 0.5) !important; } .app-sidebar.sidebar-text-dark .vertical-nav-menu li a { color: rgba(0, 0, 0, 0.6); } .app-sidebar.sidebar-text-dark .vertical-nav-menu li a i.metismenu-icon { opacity: .5; } .app-sidebar.sidebar-text-dark .vertical-nav-menu li a i.metismenu-state-icon { opacity: .5; } .app-sidebar.sidebar-text-dark .vertical-nav-menu li a:hover { background: rgba(0, 0, 0, 0.15); color: rgba(0, 0, 0, 0.7); } .app-sidebar.sidebar-text-dark .vertical-nav-menu li a:hover i.metismenu-icon { opacity: .7; } .app-sidebar.sidebar-text-dark .vertical-nav-menu li a:hover i.metismenu-state-icon { opacity: 1; } .app-sidebar.sidebar-text-dark .vertical-nav-menu li a.mm-active { color: rgba(0, 0, 0, 0.7); background: rgba(0, 0, 0, 0.15); } .app-sidebar.sidebar-text-dark .vertical-nav-menu ul:before { background: rgba(0, 0, 0, 0.1); } .app-sidebar.sidebar-text-dark .vertical-nav-menu ul > li > a { color: rgba(0, 0, 0, 0.4); } .app-sidebar.sidebar-text-dark .vertical-nav-menu ul > li > a:hover { color: rgba(0, 0, 0, 0.7); } .app-sidebar.sidebar-text-dark .vertical-nav-menu ul > li > a.mm-active { color: rgba(0, 0, 0, 0.7); background: rgba(0, 0, 0, 0.15); } .app-sidebar.sidebar-text-dark .ps__thumb-y { background: rgba(0, 0, 0, 0.3); } .app-sidebar.sidebar-text-dark .ps__rail-y:hover .ps__thumb-y { background: rgba(0, 0, 0, 0.2); } .app-sidebar.sidebar-text-dark .app-header__logo .hamburger-inner, .app-sidebar.sidebar-text-dark .app-header__logo .hamburger-inner::before, .app-sidebar.sidebar-text-dark .app-header__logo .hamburger-inner::after { background-color: rgba(0, 0, 0, 0.8); } .fixed-sidebar .app-main .app-main__outer { z-index: 9; padding-left: 80px; } .fixed-sidebar.fixed-header .app-sidebar .app-header__logo { display: none; } .fixed-sidebar:not(.fixed-header) .app-sidebar .app-header__logo { display: flex; } .fixed-sidebar:not(.fixed-header) .app-header { margin-left: 280px; } .fixed-sidebar:not(.fixed-header) .app-header .app-header__logo { display: none; } .fixed-sidebar.closed-sidebar:not(.fixed-header) .app-header { margin-left: 80px; } .fixed-sidebar.closed-sidebar:not(.fixed-header) .app-sidebar .app-header__logo { width: 80px; padding: 0; } .fixed-sidebar.closed-sidebar:not(.fixed-header) .app-sidebar .app-header__logo .logo-src { display: none; } .fixed-sidebar.closed-sidebar:not(.fixed-header) .app-sidebar .app-header__logo .header__pane { margin-right: auto; } .closed-sidebar .app-sidebar { transition: all .3s ease; width:100%; z-index: 1; } .closed-sidebar .app-sidebar .app-sidebar__inner .app-sidebar__heading { text-indent: -999em; } .closed-sidebar .app-sidebar .app-sidebar__inner .app-sidebar__heading::before { content: ''; position: absolute; top: 50%; left: 0; width: 100%; height: 1px; background: #e0f3ff; text-indent: 1px; } .closed-sidebar .app-sidebar .app-sidebar__inner ul li a { text-indent: -99rem; padding: 0; } .closed-sidebar .app-sidebar .app-sidebar__inner ul li a:hover { color: #ff4961 !important; } .closed-sidebar .app-sidebar .app-sidebar__inner .metismenu-icon { text-indent: 0; left: 50%; margin-left: -17px; color: #ff4961 !important; } .closed-sidebar .app-sidebar .app-sidebar__inner .metismenu-state-icon { visibility: hidden; } .closed-sidebar .app-sidebar .app-sidebar__inner ul::before { display: none; } .closed-sidebar .app-sidebar .app-sidebar__inner ul.mm-show { padding: 0; } .closed-sidebar .app-sidebar .app-sidebar__inner ul.mm-show > li > a { height: 0; } .closed-sidebar .app-sidebar:hover .app-sidebar__inner .app-sidebar__heading { text-indent: initial; } .closed-sidebar .app-sidebar:hover .app-sidebar__inner .app-sidebar__heading::before { display: none; } .closed-sidebar .app-sidebar:hover .app-sidebar__inner ul::before { display: block; } .closed-sidebar .app-sidebar:hover .app-sidebar__inner ul li a { text-indent: initial; padding: 0 1.5rem 0 45px; } .closed-sidebar .app-sidebar:hover .app-sidebar__inner .metismenu-icon { text-indent: initial; left: 5px; margin-left: 0; } .closed-sidebar .app-sidebar:hover .app-sidebar__inner .metismenu-state-icon { visibility: visible; } .closed-sidebar .app-sidebar:hover .app-sidebar__inner ul.mm-show { padding: .5em 0 0 2rem; } .closed-sidebar .app-sidebar:hover .app-sidebar__inner ul.mm-show > li > a { height: 2.3em; } .closed-sidebar .app-sidebar:hover .app-sidebar__inner ul ul li a { padding-left: 1em; } .closed-sidebar:not(.sidebar-mobile-open) .app-sidebar .scrollbar-sidebar { position: static; height: auto; overflow: initial !important; } .closed-sidebar:not(.sidebar-mobile-open) .app-sidebar:hover .scrollbar-sidebar { position: absolute; height: 100%; overflow-x: hidden !important; overflow-y: scroll !important; } .closed-sidebar:not(.closed-sidebar-mobile) .app-header .app-header__logo { width: 280px; } .closed-sidebar.fixed-header:not(.fixed-sidebar) .app-sidebar .app-header__logo { visibility: hidden; } .closed-sidebar.closed-sidebar-mobile .app-sidebar .app-header__logo, .closed-sidebar.closed-sidebar-mobile .app-header .app-header__logo { width: auto; display: flex; } .closed-sidebar.closed-sidebar-mobile .app-sidebar .app-header__logo .header__pane, .closed-sidebar.closed-sidebar-mobile .app-header .app-header__logo .header__pane { display: none; } .closed-sidebar.closed-sidebar-mobile .app-sidebar .app-header__logo { display: flex; width: 80px; padding: 0 1.5rem !important; } .closed-sidebar.closed-sidebar-mobile .app-sidebar .app-header__logo .logo-src { display: block !important; margin: 0 auto; width: 21px; } .closed-sidebar.closed-sidebar-mobile .app-sidebar .app-header__logo .header__pane { display: none; } .closed-sidebar.closed-sidebar-mobile .app-sidebar:hover .app-header__logo { width: 280px; } .closed-sidebar.closed-sidebar-mobile .app-sidebar:hover .app-header__logo .logo-src { width: 97px; margin: 0; } .closed-sidebar.closed-sidebar-mobile .app-header { margin-left: 0 !important; } .closed-sidebar.fixed-footer .app-footer__inner { margin-left: 0 !important; } .app-main { flex: 1; display: flex; z-index: 8; position: relative; } .app-main .app-main__outer { flex: 1; flex-direction: column; display: flex; z-index: 12; } .app-main__inner { flex:1; background-color:#EDF0F2; padding:20px 35px 15px 30px; box-shadow:inset 0px 10px 10px rgba(0,0,0,0.2); } .app-theme-white.app-container { background: #f8f8f8; } .app-theme-white .app-sidebar { background: #6D49D3; } /*.app-theme-white .app-page-title { background: rgba(255,255,255,0.45); }*/ .app-theme-white .app-footer .app-footer__inner { background: #fff; } .app-theme-white .app-header h3{ color:#FFF; font-size:16px; text-align:left; position:relative; border-radius:5px; margin-bottom:0px; padding-right:10px; display:inline-block; font-family: 'Cinzel', serif; } .app-theme-white .app-header h3:after{ top:0px; width:1px; content:""; height:20px; right:-10px; position:absolute; background-color:#FFF; } .app-theme-gray.app-container { background: #fff; } .app-theme-gray .app-sidebar { background: #fff; border-right: #dee2e6 solid 1px; } .app-theme-gray .app-page-title { background: rgba(0, 0, 0, 0.03); } .app-theme-gray .app-footer, .app-theme-gray .app-header { background: #f8f9fa; } .app-theme-gray .app-footer { border-top: #dee2e6 solid 1px; } .app-theme-gray .app-header .app-header__logo { border-right: rgba(0, 0, 0, 0.1) solid 1px; } .app-theme-gray.fixed-header .app-header__logo { background: rgba(0, 0, 0, 0.03); } .app-theme-gray .card { border-width: 1px; } .app-theme-gray .main-card { box-shadow: 0 0 0 0 transparent !important; } .app-theme-gray .main-card > .card-body > .card-title { text-transform: none; font-size: 1.1rem; font-weight: normal; border-bottom: #dee2e6 solid 1px; position: relative; padding: 0 0 1.125rem; margin: 0 0 1.125rem; } .app-theme-gray .main-card > .card-body > .card-title::before { position: absolute; width: 40px; background: #3f6ad8; border-radius: 30px; height: 5px; left: 0; bottom: -2px; content: ""; } .app-theme-gray .app-inner-layout__sidebar { border-left: 0 !important; } .app-footer { height: 60px; } .app-footer .app-footer__inner { padding: 0 1.5rem 0 .75rem; height: 60px; display: flex; align-content: center; align-items: center; } .app-footer .app-footer__inner .app-footer-left { display: flex; align-items: center; } .app-footer .app-footer__inner .app-footer-right { margin-left: auto; display: flex; } .footer-dots { display: flex; align-items: center; align-content: center; } .footer-dots .dots-separator { height: 40px; margin: 0 .6rem; width: 1px; background: #e9ecef; } .dot-btn-wrapper { padding: .5rem; position: relative; display: flex; opacity: .7; transition: opacity .2s; cursor: pointer; } .dot-btn-wrapper .badge-abs { right: 50%; } .dot-btn-wrapper .badge-abs.badge-dot-sm { top: -2px; margin-right: -3px; } .dot-btn-wrapper .dot-btn-icon { font-size: 1.8rem; } .dot-btn-wrapper:hover { text-decoration: none; opacity: 1; } .fixed-footer .app-footer { position: fixed; width: 100%; bottom: 0; left: 0; z-index: 7; } .fixed-footer .app-footer .app-footer__inner { margin-left: 280px; box-shadow: 0.3rem -0.46875rem 2.1875rem rgba(4, 9, 20, 0.02), 0.3rem -0.9375rem 1.40625rem rgba(4, 9, 20, 0.02), 0.3rem -0.25rem 0.53125rem rgba(4, 9, 20, 0.04), 0.3rem -0.125rem 0.1875rem rgba(4, 9, 20, 0.02); } .fixed-footer .app-main .app-main__outer { padding-bottom: 60px; } .app-page-title { padding: 30px; margin: -30px -30px 0px; position: relative; } .app-page-title + .body-tabs-layout { margin-top: -30px !important; } .app-page-title .page-title-wrapper { position: relative; display: flex; align-items: center; } .app-page-title .page-title-heading, .app-page-title .page-title-subheading { margin: 0; padding: 0; } .app-page-title .page-title-heading { font-size: 1.25rem; font-weight: 400; display: flex; align-content: center; align-items: center; } .app-page-title .page-title-subheading { padding: 3px 0 0; font-size: .88rem; opacity: .6; } .app-page-title .page-title-subheading .breadcrumb { padding: 0; margin: 3px 0 0; background: transparent; } .app-page-title .page-title-actions { margin-left: auto; } .app-page-title .page-title-actions .breadcrumb { margin: 0; padding: 0; background: transparent; } .app-page-title .page-title-icon { font-size: 2rem; display: flex; align-items: center; align-content: center; text-align: center; padding: .83333rem; margin: 0 30px 0 0; background: #fff; box-shadow: 0 0.46875rem 2.1875rem rgba(4, 9, 20, 0.03), 0 0.9375rem 1.40625rem rgba(4, 9, 20, 0.03), 0 0.25rem 0.53125rem rgba(4, 9, 20, 0.05), 0 0.125rem 0.1875rem rgba(4, 9, 20, 0.03); border-radius: .25rem; width: 60px; height: 60px; } .app-page-title .page-title-icon i { margin: auto; } .app-page-title .page-title-icon.rounded-circle { margin: 0 20px 0 0; } .app-page-title + .RRT__container { margin-top: -23.07692px; } .app-page-title.app-page-title-simple { margin: 0; background: none !important; padding-left: 0; padding-right: 0; padding-top: 0; } .page-title-icon-rounded .page-title-icon { border-radius: 50px; } .search-wrapper { position: relative; margin-right: .66667rem; } .search-wrapper .input-holder { height: 42px; width: 42px; overflow: hidden; position: relative; transition: all 0.3s ease-in-out; } .search-wrapper .input-holder .search-input { width: 100%; padding: 0 70px 0 20px; opacity: 0; position: absolute; top: 0; left: 0; background: transparent; box-sizing: border-box; border: none; outline: none; transform: translate(0, 60px); transition: all 0.3s cubic-bezier(0, 0.105, 0.035, 1.57); transition-delay: 0.3s; font-size: .88rem; } .search-wrapper .input-holder .search-icon { width: 42px; height: 42px; border: none; padding: 0; outline: none; position: relative; z-index: 2; float: right; cursor: pointer; transition: all 0.3s ease-in-out; background: rgba(0, 0, 0, 0.06); border-radius: 30px; } .search-wrapper .input-holder .search-icon span { width: 22px; height: 22px; display: inline-block; vertical-align: middle; position: relative; transform: rotate(45deg); transition: all 0.4s cubic-bezier(0.65, -0.6, 0.24, 1.65); } .search-wrapper .input-holder .search-icon span::before, .search-wrapper .input-holder .search-icon span::after { position: absolute; content: ''; } .search-wrapper .input-holder .search-icon span::before { width: 4px; height: 11px; left: 9px; top: 13px; border-radius: 2px; background: #3f6ad8; } .search-wrapper .input-holder .search-icon span::after { width: 14px; height: 14px; left: 4px; top: 0; border-radius: 16px; border: 2px solid #3f6ad8; } .search-wrapper .close { position: absolute; z-index: 1; top: 50%; left: 0; width: 20px; height: 20px; margin-top: -10px; cursor: pointer; opacity: 0 !important; transform: rotate(-180deg); transition: all 0.2s cubic-bezier(0.285, -0.45, 0.935, 0.11); transition-delay: 0.1s; } .search-wrapper .close::before, .search-wrapper .close::after { position: absolute; content: ''; background: #3f6ad8; border-radius: 2px; } .search-wrapper .close::before { width: 2px; height: 20px; left: 9px; top: 0; } .search-wrapper .close::after { width: 20px; height: 2px; left: 0; top: 9px; } .search-wrapper.active { width: 330px; } .search-wrapper.active .input-holder { width: 290px; border-radius: 50px; background: rgba(0, 0, 0, 0.05); transition: all 0.5s cubic-bezier(0, 0.105, 0.035, 1.57); } .search-wrapper.active .input-holder .search-input { opacity: 1; transform: translate(0, 11px); } .search-wrapper.active .input-holder .search-icon { width: 42px; height: 42px; margin: 0; border-radius: 30px; } .search-wrapper.active .input-holder .search-icon span { transform: rotate(-45deg); } .search-wrapper.active .close { left: 300px; opacity: .6 !important; transform: rotate(45deg); transition: all 0.6s cubic-bezier(0, 0.105, 0.035, 1.57); transition-delay: 0.5s; } .search-wrapper.active .close:hover { opacity: 1 !important; } .search-wrapper.active + .header-megamenu { opacity: 0; } .opacity-01 { opacity: .01 !important; } .opacity-02 { opacity: .02 !important; } .opacity-03 { opacity: .03 !important; } .opacity-04 { opacity: .04 !important; } .opacity-05 { opacity: .05 !important; } .opacity-06 { opacity: .06 !important; } .opacity-07 { opacity: .07 !important; } .opacity-08 { opacity: .08 !important; } .opacity-09 { opacity: .09 !important; } .opacity-1 { opacity: .1 !important; } .opacity-15 { opacity: .15 !important; } .opacity-2 { opacity: .2 !important; } .opacity-3 { opacity: .3 !important; } .opacity-4 { opacity: .4 !important; } .opacity-5 { opacity: .5 !important; } .opacity-6 { opacity: .6 !important; } .opacity-7 { opacity: .7 !important; } .opacity-8 { opacity: .8 !important; } .opacity-9 { opacity: .9 !important; } .opacity-10 { opacity: 1 !important; } .filter-grayscale-5 { filter: grayscale(5%) !important; } .filter-grayscale-10 { filter: grayscale(10%) !important; } .filter-grayscale-20 { filter: grayscale(20%) !important; } .filter-grayscale-30 { filter: grayscale(30%) !important; } .filter-grayscale-40 { filter: grayscale(40%) !important; } .filter-grayscale-50 { filter: grayscale(50%) !important; } .filter-grayscale-80 { filter: grayscale(80%) !important; } .filter-grayscale-100 { filter: grayscale(100%) !important; } .br-tl { border-top-left-radius: .25rem !important; } .br-tr { border-top-right-radius: .25rem !important; } .br-bl { border-bottom-left-radius: .25rem !important; } .br-br { border-bottom-right-radius: .25rem !important; } .b-radius-0 { border-radius: 0 !important; } .rm-border { border-width: 0 !important; } .br-a { border-radius: .25rem; } .text-truncate { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .flex-truncate { min-width: 0 !important; } .margin-h-center { margin-left: auto !important; margin-right: auto !important; } .center-svg { margin: 0 auto; } .center-svg svg { margin: 0 auto; } .apexcharts-canvas { margin: 0 auto; } .apexcharts-donut { display: flex; align-items: center; align-content: center; } .alert-dismissible .close { top: 0; right: 5px; padding: 5px; } .icon-gradient { -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; text-fill-color: transparent; } .font-size-xlg { font-size: 1.3rem !important; } .font-size-md { font-size: .9rem !important; } .font-size-lg { font-size: 1.1rem !important; } .no-shadow { box-shadow: 0 0 0 transparent !important; } .h-100 { height: 100vh !important; } .he-auto { height: auto !important; } .he-100 { height: 100%; } .h-sm { height: 150px; } .text-nowrap { white-space: nowrap; } .fsize-1 { font-size: .95rem !important; } .fsize-2 { font-size: 1.3rem !important; } .fsize-3 { font-size: 1.6rem !important; } .fsize-4 { font-size: 2rem !important; } .z-index-6 { z-index: 6; } .line-height-1 { line-height: 1; } .center-elem { display: flex; align-items: center; align-content: center; } .flex2 { flex: 2; } .divider { margin-top: 1rem; margin-bottom: 1rem; height: 1px; overflow: hidden; background: #e9ecef; } .list-group-item:hover { z-index: initial; } .no-results { padding: 1.5rem; text-align: center; } .no-results .results-title { color: #495057; font-size: 1.25rem; } .no-results .results-subtitle { color: #adb5bd; font-size: 1.1rem; } .bg-animation { animation: bg-pan-left 8s both; } @-webkit-keyframes bg-pan-left { 0% { background-position: 100% 50%; } 100% { background-position: 0% 50%; } } @keyframes bg-pan-left { 0% { background-position: 100% 50%; } 100% { background-position: 0% 50%; } } .w-100 { width: 100%; } .mb--2 { margin-bottom: -1.5rem; } .mbg-3 { margin-bottom: 30px; } .circle-progress { position: relative; } .circle-progress small { position: absolute; height: 100%; width: 100%; font-weight: bold; left: 0; top: 0; vertical-align: middle; text-align: center; display: flex; align-items: center; align-content: center; } .circle-progress small span { margin: 0 auto; } .circle-progress canvas { display: block; } .bg-warm-flame { background-image: linear-gradient(45deg, #ff9a9e 0%, #fad0c4 99%, #fad0c4 100%) !important; } .bg-night-fade { background-image: linear-gradient(to top, #a18cd1 0%, #fbc2eb 100%) !important; } .bg-sunny-morning { background-image: linear-gradient(120deg, #f6d365 0%, #fda085 100%) !important; } .bg-tempting-azure { background-image: linear-gradient(120deg, #84fab0 0%, #8fd3f4 100%) !important; } .bg-amy-crisp { background-image: linear-gradient(120deg, #a6c0fe 0%, #f68084 100%) !important; } .bg-heavy-rain { background-image: linear-gradient(to top, #cfd9df 0%, #e2ebf0 100%) !important; } .bg-mean-fruit { background-image: linear-gradient(120deg, #fccb90 0%, #d57eeb 100%) !important; } .bg-malibu-beach { background-image: linear-gradient(to right, #4facfe 0%, #00f2fe 100%) !important; } .bg-deep-blue { background-image: linear-gradient(120deg, #e0c3fc 0%, #8ec5fc 100%) !important; } .bg-ripe-malin { background-image: linear-gradient(120deg, #f093fb 0%, #f5576c 100%) !important; } .bg-arielle-smile { background-image: radial-gradient(circle 248px at center, #16d9e3 0%, #30c7ec 47%, #46aef7 100%) !important; } .bg-plum-plate { background-image: linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important; } .bg-happy-fisher { background-image: linear-gradient(120deg, #89f7fe 0%, #66a6ff 100%) !important; } .bg-happy-itmeo { background-image: linear-gradient(180deg, #2af598 0%, #009efd 100%) !important; } .bg-mixed-hopes { background-image: linear-gradient(to top, #c471f5 0%, #fa71cd 100%) !important; } .bg-strong-bliss { background-image: linear-gradient(to right, #f78ca0 0%, #f9748f 19%, #fd868c 60%, #fe9a8b 100%) !important; } .bg-grow-early { background-image: linear-gradient(to top, #0ba360 0%, #3cba92 100%) !important; } .bg-love-kiss { background-image: linear-gradient(to top, #ff0844 0%, #ffb199 100%) !important; } .bg-premium-dark { background-image: linear-gradient(to right, #434343 0%, black 100%) !important; } .bg-happy-green { background-image: linear-gradient(to bottom, #00b09b, #96c93d) !important; } .bg-vicious-stance { background-image: linear-gradient(60deg, #29323c 0%, #485563 100%) !important; } .bg-midnight-bloom { background-image: linear-gradient(-20deg, #2b5876 0%, #4e4376 100%) !important; } .bg-night-sky { background-image: linear-gradient(to top, #1e3c72 0%, #1e3c72 1%, #2a5298 100%) !important; } .bg-slick-carbon { background-image: linear-gradient(to bottom, #323232 0%, #3F3F3F 40%, #1C1C1C 150%), linear-gradient(to top, rgba(255, 255, 255, 0.4) 0%, rgba(0, 0, 0, 0.25) 200%) !important; background-blend-mode: multiply; } .bg-royal { background-image: linear-gradient(to right, #141e30, #243b55) !important; } .bg-asteroid { background-image: linear-gradient(to right, #0f2027, #203a43, #2c5364) !important; } .bg-transparent { background: transparent !important; } /*! Animate.css - http://daneden.me/animate Licensed under the MIT license - http://opensource.org/licenses/MIT Copyright (c) 2015 Daniel Eden */ body { -webkit-backface-visibility: hidden; } .animated, .TabsAnimation-appear { -webkit-animation-duration: calc( 1s); animation-duration: calc( 1s); -webkit-animation-fill-mode: both; animation-fill-mode: both; } .animated.infinite, .infinite.TabsAnimation-appear { animation-iteration-count: infinite; } .animated.hinge, .hinge.TabsAnimation-appear { -webkit-animation-duration: calc( 1s * 2); animation-duration: calc( 1s * 2); } .animated.bounceIn, .bounceIn.TabsAnimation-appear, .animated.bounceOut, .bounceOut.TabsAnimation-appear { -webkit-animation-duration: calc( 1s * 0.75); animation-duration: calc( 1s * 0.75); } .animated.flipOutX, .flipOutX.TabsAnimation-appear, .animated.flipOutY, .flipOutY.TabsAnimation-appear { -webkit-animation-duration: calc( 1s * 0.75); animation-duration: calc( 1s * 0.75); } @-webkit-keyframes bounce { 0%, 20%, 50%, 80%, 100% { -webkit-transform: translateY(0); } 40% { -webkit-transform: translateY(-30px); } 60% { -webkit-transform: translateY(-15px); } } @keyframes bounce { 0%, 20%, 50%, 80%, 100% { transform: translateY(0); } 40% { transform: translateY(-30px); } 60% { transform: translateY(-15px); } } .bounce { -webkit-animation-name: bounce; animation-name: bounce; } @-webkit-keyframes flash { 0%, 50%, 100% { opacity: 1; } 25%, 75% { opacity: 0; } } @keyframes flash { 0%, 50%, 100% { opacity: 1; } 25%, 75% { opacity: 0; } } .flash { -webkit-animation-name: flash; animation-name: flash; } @-webkit-keyframes pulse { 0% { -webkit-transform: scale(1); } 50% { -webkit-transform: scale(1.1); } 100% { -webkit-transform: scale(1); } } @keyframes pulse { 0% { transform: scale(1); } 50% { transform: scale(1.1); } 100% { transform: scale(1); } } .pulse { -webkit-animation-name: pulse; animation-name: pulse; } @-webkit-keyframes shake { 0%, 100% { -webkit-transform: translateX(0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translateX(-10px); } 20%, 40%, 60%, 80% { -webkit-transform: translateX(10px); } } @keyframes shake { 0%, 100% { transform: translateX(0); } 10%, 30%, 50%, 70%, 90% { transform: translateX(-10px); } 20%, 40%, 60%, 80% { transform: translateX(10px); } } .shake { -webkit-animation-name: shake; animation-name: shake; } @-webkit-keyframes swing { 20%, 40%, 60%, 80%, 100% { -webkit-transform-origin: top center; } 20% { -webkit-transform: rotate(15deg); } 40% { -webkit-transform: rotate(-10deg); } 60% { -webkit-transform: rotate(5deg); } 80% { -webkit-transform: rotate(-5deg); } 100% { -webkit-transform: rotate(0deg); } } @keyframes swing { 20% { transform: rotate(15deg); } 40% { transform: rotate(-10deg); } 60% { transform: rotate(5deg); } 80% { transform: rotate(-5deg); } 100% { transform: rotate(0deg); } } .swing { -webkit-transform-origin: top center; transform-origin: top center; -webkit-animation-name: swing; animation-name: swing; } @-webkit-keyframes wiggle { 0% { -webkit-transform: skewX(9deg); } 10% { -webkit-transform: skewX(-8deg); } 20% { -webkit-transform: skewX(7deg); } 30% { -webkit-transform: skewX(-6deg); } 40% { -webkit-transform: skewX(5deg); } 50% { -webkit-transform: skewX(-4deg); } 60% { -webkit-transform: skewX(3deg); } 70% { -webkit-transform: skewX(-2deg); } 80% { -webkit-transform: skewX(1deg); } 90% { -webkit-transform: skewX(0deg); } 100% { -webkit-transform: skewX(0deg); } } @keyframes wiggle { 0% { transform: skewX(9deg); } 10% { transform: skewX(-8deg); } 20% { transform: skewX(7deg); } 30% { transform: skewX(-6deg); } 40% { transform: skewX(5deg); } 50% { transform: skewX(-4deg); } 60% { transform: skewX(3deg); } 70% { transform: skewX(-2deg); } 80% { transform: skewX(1deg); } 90% { transform: skewX(0deg); } 100% { transform: skewX(0deg); } } .wiggle { -webkit-animation-name: wiggle; animation-name: wiggle; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } @-webkit-keyframes wobble { 0% { -webkit-transform: translateX(0%); } 15% { -webkit-transform: translateX(-25%) rotate(-5deg); } 30% { -webkit-transform: translateX(20%) rotate(3deg); } 45% { -webkit-transform: translateX(-15%) rotate(-3deg); } 60% { -webkit-transform: translateX(10%) rotate(2deg); } 75% { -webkit-transform: translateX(-5%) rotate(-1deg); } 100% { -webkit-transform: translateX(0%); } } @keyframes wobble { 0% { transform: translateX(0%); } 15% { transform: translateX(-25%) rotate(-5deg); } 30% { transform: translateX(20%) rotate(3deg); } 45% { transform: translateX(-15%) rotate(-3deg); } 60% { transform: translateX(10%) rotate(2deg); } 75% { transform: translateX(-5%) rotate(-1deg); } 100% { transform: translateX(0%); } } .wobble { -webkit-animation-name: wobble; animation-name: wobble; } @-webkit-keyframes tada { 0% { -webkit-transform: scale(1); } 10%, 20% { -webkit-transform: scale(0.9) rotate(-3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale(1.1) rotate(3deg); } 40%, 60%, 80% { -webkit-transform: scale(1.1) rotate(-3deg); } 100% { -webkit-transform: scale(1) rotate(0); } } @keyframes tada { 0% { transform: scale(1); } 10%, 20% { transform: scale(0.9) rotate(-3deg); } 30%, 50%, 70%, 90% { transform: scale(1.1) rotate(3deg); } 40%, 60%, 80% { transform: scale(1.1) rotate(-3deg); } 100% { transform: scale(1) rotate(0); } } .tada { -webkit-animation-name: tada; animation-name: tada; } @-webkit-keyframes bounceIn { 0% { opacity: 0; -webkit-transform: scale(0.3); } 50% { opacity: 1; -webkit-transform: scale(1.05); } 70% { -webkit-transform: scale(0.9); } 100% { -webkit-transform: scale(1); } } @keyframes bounceIn { 0% { opacity: 0; transform: scale(0.3); } 50% { opacity: 1; transform: scale(1.05); } 70% { transform: scale(0.9); } 100% { transform: scale(1); } } .bounceIn { -webkit-animation-name: bounceIn; animation-name: bounceIn; } @-webkit-keyframes bounceInDown { 0% { opacity: 0; -webkit-transform: translateY(-2000px); } 60% { opacity: 1; -webkit-transform: translateY(30px); } 80% { -webkit-transform: translateY(-10px); } 100% { -webkit-transform: translateY(0); } } @keyframes bounceInDown { 0% { opacity: 0; transform: translateY(-2000px); } 60% { opacity: 1; transform: translateY(30px); } 80% { transform: translateY(-10px); } 100% { transform: translateY(0); } } .bounceInDown { -webkit-animation-name: bounceInDown; animation-name: bounceInDown; } @-webkit-keyframes bounceInLeft { 0% { opacity: 0; -webkit-transform: translateX(-2000px); } 60% { opacity: 1; -webkit-transform: translateX(30px); } 80% { -webkit-transform: translateX(-10px); } 100% { -webkit-transform: translateX(0); } } @keyframes bounceInLeft { 0% { opacity: 0; transform: translateX(-2000px); } 60% { opacity: 1; transform: translateX(30px); } 80% { transform: translateX(-10px); } 100% { transform: translateX(0); } } .bounceInLeft { -webkit-animation-name: bounceInLeft; animation-name: bounceInLeft; } @-webkit-keyframes bounceInRight { 0% { opacity: 0; -webkit-transform: translateX(2000px); } 60% { opacity: 1; -webkit-transform: translateX(-30px); } 80% { -webkit-transform: translateX(10px); } 100% { -webkit-transform: translateX(0); } } @keyframes bounceInRight { 0% { opacity: 0; transform: translateX(2000px); } 60% { opacity: 1; transform: translateX(-30px); } 80% { transform: translateX(10px); } 100% { transform: translateX(0); } } .bounceInRight { -webkit-animation-name: bounceInRight; animation-name: bounceInRight; } @-webkit-keyframes bounceInUp { 0% { opacity: 0; -webkit-transform: translateY(2000px); } 60% { opacity: 1; -webkit-transform: translateY(-30px); } 80% { -webkit-transform: translateY(10px); } 100% { -webkit-transform: translateY(0); } } @keyframes bounceInUp { 0% { opacity: 0; transform: translateY(2000px); } 60% { opacity: 1; transform: translateY(-30px); } 80% { transform: translateY(10px); } 100% { transform: translateY(0); } } .bounceInUp { -webkit-animation-name: bounceInUp; animation-name: bounceInUp; } @-webkit-keyframes bounceOut { 0% { -webkit-transform: scale(1); } 25% { -webkit-transform: scale(0.95); } 50% { opacity: 1; -webkit-transform: scale(1.1); } 100% { opacity: 0; -webkit-transform: scale(0.3); } } @keyframes bounceOut { 0% { transform: scale(1); } 25% { transform: scale(0.95); } 50% { opacity: 1; transform: scale(1.1); } 100% { opacity: 0; transform: scale(0.3); } } .bounceOut { -webkit-animation-name: bounceOut; animation-name: bounceOut; } @-webkit-keyframes bounceOutDown { 0% { -webkit-transform: translateY(0); } 20% { opacity: 1; -webkit-transform: translateY(-20px); } 100% { opacity: 0; -webkit-transform: translateY(2000px); } } @keyframes bounceOutDown { 0% { transform: translateY(0); } 20% { opacity: 1; transform: translateY(-20px); } 100% { opacity: 0; transform: translateY(2000px); } } .bounceOutDown { -webkit-animation-name: bounceOutDown; animation-name: bounceOutDown; } @-webkit-keyframes bounceOutLeft { 0% { -webkit-transform: translateX(0); } 20% { opacity: 1; -webkit-transform: translateX(20px); } 100% { opacity: 0; -webkit-transform: translateX(-2000px); } } @keyframes bounceOutLeft { 0% { transform: translateX(0); } 20% { opacity: 1; transform: translateX(20px); } 100% { opacity: 0; transform: translateX(-2000px); } } .bounceOutLeft { -webkit-animation-name: bounceOutLeft; animation-name: bounceOutLeft; } @-webkit-keyframes bounceOutRight { 0% { -webkit-transform: translateX(0); } 20% { opacity: 1; -webkit-transform: translateX(-20px); } 100% { opacity: 0; -webkit-transform: translateX(2000px); } } @keyframes bounceOutRight { 0% { transform: translateX(0); } 20% { opacity: 1; transform: translateX(-20px); } 100% { opacity: 0; transform: translateX(2000px); } } .bounceOutRight { -webkit-animation-name: bounceOutRight; animation-name: bounceOutRight; } @-webkit-keyframes bounceOutUp { 0% { -webkit-transform: translateY(0); } 20% { opacity: 1; -webkit-transform: translateY(20px); } 100% { opacity: 0; -webkit-transform: translateY(-2000px); } } @keyframes bounceOutUp { 0% { transform: translateY(0); } 20% { opacity: 1; transform: translateY(20px); } 100% { opacity: 0; transform: translateY(-2000px); } } .bounceOutUp { -webkit-animation-name: bounceOutUp; animation-name: bounceOutUp; } @-webkit-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } .fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn; } @-webkit-keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translateY(-20px); } 100% { opacity: 1; -webkit-transform: translateY(0); } } @keyframes fadeInDown { 0% { opacity: 0; transform: translateY(-20px); } 100% { opacity: 1; transform: translateY(0); } } .fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; } @-webkit-keyframes fadeInDownBig { 0% { opacity: 0; -webkit-transform: translateY(-2000px); } 100% { opacity: 1; -webkit-transform: translateY(0); } } @keyframes fadeInDownBig { 0% { opacity: 0; transform: translateY(-2000px); } 100% { opacity: 1; transform: translateY(0); } } .fadeInDownBig { -webkit-animation-name: fadeInDownBig; animation-name: fadeInDownBig; } @-webkit-keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translateX(-20px); } 100% { opacity: 1; -webkit-transform: translateX(0); } } @keyframes fadeInLeft { 0% { opacity: 0; transform: translateX(-20px); } 100% { opacity: 1; transform: translateX(0); } } .fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; } @-webkit-keyframes fadeInLeftBig { 0% { opacity: 0; -webkit-transform: translateX(-2000px); } 100% { opacity: 1; -webkit-transform: translateX(0); } } @keyframes fadeInLeftBig { 0% { opacity: 0; transform: translateX(-2000px); } 100% { opacity: 1; transform: translateX(0); } } .fadeInLeftBig { -webkit-animation-name: fadeInLeftBig; animation-name: fadeInLeftBig; } @-webkit-keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translateX(20px); } 100% { opacity: 1; -webkit-transform: translateX(0); } } @keyframes fadeInRight { 0% { opacity: 0; transform: translateX(20px); } 100% { opacity: 1; transform: translateX(0); } } .fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight; } @-webkit-keyframes fadeInRightBig { 0% { opacity: 0; -webkit-transform: translateX(2000px); } 100% { opacity: 1; -webkit-transform: translateX(0); } } @keyframes fadeInRightBig { 0% { opacity: 0; transform: translateX(2000px); } 100% { opacity: 1; transform: translateX(0); } } .fadeInRightBig { -webkit-animation-name: fadeInRightBig; animation-name: fadeInRightBig; } @-webkit-keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translateY(20px); } 100% { opacity: 1; -webkit-transform: translateY(0); } } @keyframes fadeInUp { 0% { opacity: 0; transform: translateY(20px); } 100% { opacity: 1; transform: translateY(0); } } .fadeInUp, .TabsAnimation-appear { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; } @-webkit-keyframes fadeInUpBig { 0% { opacity: 0; -webkit-transform: translateY(2000px); } 100% { opacity: 1; -webkit-transform: translateY(0); } } @keyframes fadeInUpBig { 0% { opacity: 0; transform: translateY(2000px); } 100% { opacity: 1; transform: translateY(0); } } .fadeInUpBig { -webkit-animation-name: fadeInUpBig; animation-name: fadeInUpBig; } @-webkit-keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } @keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } .fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; } @-webkit-keyframes fadeOutDown { 0% { opacity: 1; -webkit-transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(20px); } } @keyframes fadeOutDown { 0% { opacity: 1; transform: translateY(0); } 100% { opacity: 0; transform: translateY(20px); } } .fadeOutDown { -webkit-animation-name: fadeOutDown; animation-name: fadeOutDown; } @-webkit-keyframes fadeOutDownBig { 0% { opacity: 1; -webkit-transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(2000px); } } @keyframes fadeOutDownBig { 0% { opacity: 1; transform: translateY(0); } 100% { opacity: 0; transform: translateY(2000px); } } .fadeOutDownBig { -webkit-animation-name: fadeOutDownBig; animation-name: fadeOutDownBig; } @-webkit-keyframes fadeOutLeft { 0% { opacity: 1; -webkit-transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(-20px); } } @keyframes fadeOutLeft { 0% { opacity: 1; transform: translateX(0); } 100% { opacity: 0; transform: translateX(-20px); } } .fadeOutLeft { -webkit-animation-name: fadeOutLeft; animation-name: fadeOutLeft; } @-webkit-keyframes fadeOutLeftBig { 0% { opacity: 1; -webkit-transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(-2000px); } } @keyframes fadeOutLeftBig { 0% { opacity: 1; transform: translateX(0); } 100% { opacity: 0; transform: translateX(-2000px); } } .fadeOutLeftBig { -webkit-animation-name: fadeOutLeftBig; animation-name: fadeOutLeftBig; } @-webkit-keyframes fadeOutRight { 0% { opacity: 1; -webkit-transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(20px); } } @keyframes fadeOutRight { 0% { opacity: 1; transform: translateX(0); } 100% { opacity: 0; transform: translateX(20px); } } .fadeOutRight { -webkit-animation-name: fadeOutRight; animation-name: fadeOutRight; } @-webkit-keyframes fadeOutRightBig { 0% { opacity: 1; -webkit-transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(2000px); } } @keyframes fadeOutRightBig { 0% { opacity: 1; transform: translateX(0); } 100% { opacity: 0; transform: translateX(2000px); } } .fadeOutRightBig { -webkit-animation-name: fadeOutRightBig; animation-name: fadeOutRightBig; } @-webkit-keyframes fadeOutUp { 0% { opacity: 1; -webkit-transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(-20px); } } @keyframes fadeOutUp { 0% { opacity: 1; transform: translateY(0); } 100% { opacity: 0; transform: translateY(-20px); } } .fadeOutUp { -webkit-animation-name: fadeOutUp; animation-name: fadeOutUp; } @-webkit-keyframes fadeOutUpBig { 0% { opacity: 1; -webkit-transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(-2000px); } } @keyframes fadeOutUpBig { 0% { opacity: 1; transform: translateY(0); } 100% { opacity: 0; transform: translateY(-2000px); } } .fadeOutUpBig { -webkit-animation-name: fadeOutUpBig; animation-name: fadeOutUpBig; } @-webkit-keyframes flip { 0% { -webkit-transform: perspective(400px) rotateY(0); -webkit-animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg); -webkit-animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); -webkit-animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) rotateY(360deg) scale(0.95); -webkit-animation-timing-function: ease-in; } 100% { -webkit-transform: perspective(400px) scale(1); -webkit-animation-timing-function: ease-in; } } @keyframes flip { 0% { transform: perspective(400px) rotateY(0); animation-timing-function: ease-out; } 40% { transform: perspective(400px) translateZ(150px) rotateY(170deg); animation-timing-function: ease-out; } 50% { transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); animation-timing-function: ease-in; } 80% { transform: perspective(400px) rotateY(360deg) scale(0.95); animation-timing-function: ease-in; } 100% { transform: perspective(400px) scale(1); animation-timing-function: ease-in; } } .flip { -webkit-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flip; animation-name: flip; } @-webkit-keyframes flipInX { 0% { -webkit-transform: perspective(400px) rotateX(90deg); opacity: 0; } 40% { -webkit-transform: perspective(400px) rotateX(-10deg); } 70% { -webkit-transform: perspective(400px) rotateX(10deg); } 100% { -webkit-transform: perspective(400px) rotateX(0deg); opacity: 1; } } @keyframes flipInX { 0% { transform: perspective(400px) rotateX(90deg); opacity: 0; } 40% { transform: perspective(400px) rotateX(-10deg); } 70% { transform: perspective(400px) rotateX(10deg); } 100% { transform: perspective(400px) rotateX(0deg); opacity: 1; } } .flipInX { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInX; animation-name: flipInX; } @-webkit-keyframes flipInY { 0% { -webkit-transform: perspective(400px) rotateY(90deg); opacity: 0; } 40% { -webkit-transform: perspective(400px) rotateY(-10deg); } 70% { -webkit-transform: perspective(400px) rotateY(10deg); } 100% { -webkit-transform: perspective(400px) rotateY(0deg); opacity: 1; } } @keyframes flipInY { 0% { transform: perspective(400px) rotateY(90deg); opacity: 0; } 40% { transform: perspective(400px) rotateY(-10deg); } 70% { transform: perspective(400px) rotateY(10deg); } 100% { transform: perspective(400px) rotateY(0deg); opacity: 1; } } .flipInY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInY; animation-name: flipInY; } @-webkit-keyframes flipOutX { 0% { -webkit-transform: perspective(400px) rotateX(0deg); opacity: 1; } 100% { -webkit-transform: perspective(400px) rotateX(90deg); opacity: 0; } } @keyframes flipOutX { 0% { transform: perspective(400px) rotateX(0deg); opacity: 1; } 100% { transform: perspective(400px) rotateX(90deg); opacity: 0; } } .flipOutX { -webkit-animation-name: flipOutX; animation-name: flipOutX; -webkit-backface-visibility: visible !important; backface-visibility: visible !important; } @-webkit-keyframes flipOutY { 0% { -webkit-transform: perspective(400px) rotateY(0deg); opacity: 1; } 100% { -webkit-transform: perspective(400px) rotateY(90deg); opacity: 0; } } @keyframes flipOutY { 0% { transform: perspective(400px) rotateY(0deg); opacity: 1; } 100% { transform: perspective(400px) rotateY(90deg); opacity: 0; } } .flipOutY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipOutY; animation-name: flipOutY; } @-webkit-keyframes lightSpeedIn { 0% { -webkit-transform: translateX(100%) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: translateX(-20%) skewX(30deg); opacity: 1; } 80% { -webkit-transform: translateX(0%) skewX(-15deg); opacity: 1; } 100% { -webkit-transform: translateX(0%) skewX(0deg); opacity: 1; } } @keyframes lightSpeedIn { 0% { transform: translateX(100%) skewX(-30deg); opacity: 0; } 60% { transform: translateX(-20%) skewX(30deg); opacity: 1; } 80% { transform: translateX(0%) skewX(-15deg); opacity: 1; } 100% { transform: translateX(0%) skewX(0deg); opacity: 1; } } .lightSpeedIn { -webkit-animation-name: lightSpeedIn; animation-name: lightSpeedIn; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } @-webkit-keyframes lightSpeedOut { 0% { -webkit-transform: translateX(0%) skewX(0deg); opacity: 1; } 100% { -webkit-transform: translateX(100%) skewX(-30deg); opacity: 0; } } @keyframes lightSpeedOut { 0% { transform: translateX(0%) skewX(0deg); opacity: 1; } 100% { transform: translateX(100%) 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 { 0% { -webkit-transform-origin: center center; -webkit-transform: rotate(-200deg); opacity: 0; } 100% { -webkit-transform-origin: center center; -webkit-transform: rotate(0); opacity: 1; } } @keyframes rotateIn { 0% { transform-origin: center center; transform: rotate(-200deg); opacity: 0; } 100% { transform-origin: center center; transform: rotate(0); opacity: 1; } } .rotateIn { -webkit-animation-name: rotateIn; animation-name: rotateIn; } @-webkit-keyframes rotateInDownLeft { 0% { -webkit-transform-origin: left bottom; -webkit-transform: rotate(-90deg); opacity: 0; } 100% { -webkit-transform-origin: left bottom; -webkit-transform: rotate(0); opacity: 1; } } @keyframes rotateInDownLeft { 0% { transform-origin: left bottom; transform: rotate(-90deg); opacity: 0; } 100% { transform-origin: left bottom; transform: rotate(0); opacity: 1; } } .rotateInDownLeft { -webkit-animation-name: rotateInDownLeft; animation-name: rotateInDownLeft; } @-webkit-keyframes rotateInDownRight { 0% { -webkit-transform-origin: right bottom; -webkit-transform: rotate(90deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom; -webkit-transform: rotate(0); opacity: 1; } } @keyframes rotateInDownRight { 0% { transform-origin: right bottom; transform: rotate(90deg); opacity: 0; } 100% { transform-origin: right bottom; transform: rotate(0); opacity: 1; } } .rotateInDownRight { -webkit-animation-name: rotateInDownRight; animation-name: rotateInDownRight; } @-webkit-keyframes rotateInUpLeft { 0% { -webkit-transform-origin: left bottom; -webkit-transform: rotate(90deg); opacity: 0; } 100% { -webkit-transform-origin: left bottom; -webkit-transform: rotate(0); opacity: 1; } } @keyframes rotateInUpLeft { 0% { transform-origin: left bottom; transform: rotate(90deg); opacity: 0; } 100% { transform-origin: left bottom; transform: rotate(0); opacity: 1; } } .rotateInUpLeft { -webkit-animation-name: rotateInUpLeft; animation-name: rotateInUpLeft; } @-webkit-keyframes rotateInUpRight { 0% { -webkit-transform-origin: right bottom; -webkit-transform: rotate(-90deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom; -webkit-transform: rotate(0); opacity: 1; } } @keyframes rotateInUpRight { 0% { transform-origin: right bottom; transform: rotate(-90deg); opacity: 0; } 100% { transform-origin: right bottom; transform: rotate(0); opacity: 1; } } .rotateInUpRight { -webkit-animation-name: rotateInUpRight; animation-name: rotateInUpRight; } @-webkit-keyframes rotateOut { 0% { -webkit-transform-origin: center center; -webkit-transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: center center; -webkit-transform: rotate(200deg); opacity: 0; } } @keyframes rotateOut { 0% { transform-origin: center center; transform: rotate(0); opacity: 1; } 100% { transform-origin: center center; transform: rotate(200deg); opacity: 0; } } .rotateOut { -webkit-animation-name: rotateOut; animation-name: rotateOut; } @-webkit-keyframes rotateOutDownLeft { 0% { -webkit-transform-origin: left bottom; -webkit-transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: left bottom; -webkit-transform: rotate(90deg); opacity: 0; } } @keyframes rotateOutDownLeft { 0% { transform-origin: left bottom; transform: rotate(0); opacity: 1; } 100% { transform-origin: left bottom; transform: rotate(90deg); opacity: 0; } } .rotateOutDownLeft { -webkit-animation-name: rotateOutDownLeft; animation-name: rotateOutDownLeft; } @-webkit-keyframes rotateOutDownRight { 0% { -webkit-transform-origin: right bottom; -webkit-transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: right bottom; -webkit-transform: rotate(-90deg); opacity: 0; } } @keyframes rotateOutDownRight { 0% { transform-origin: right bottom; transform: rotate(0); opacity: 1; } 100% { transform-origin: right bottom; transform: rotate(-90deg); opacity: 0; } } .rotateOutDownRight { -webkit-animation-name: rotateOutDownRight; animation-name: rotateOutDownRight; } @-webkit-keyframes rotateOutUpLeft { 0% { -webkit-transform-origin: left bottom; -webkit-transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: left bottom; -webkit-transform: rotate(-90deg); opacity: 0; } } @keyframes rotateOutUpLeft { 0% { transform-origin: left bottom; transform: rotate(0); opacity: 1; } 100% { -transform-origin: left bottom; -transform: rotate(-90deg); opacity: 0; } } .rotateOutUpLeft { -webkit-animation-name: rotateOutUpLeft; animation-name: rotateOutUpLeft; } @-webkit-keyframes rotateOutUpRight { 0% { -webkit-transform-origin: right bottom; -webkit-transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: right bottom; -webkit-transform: rotate(90deg); opacity: 0; } } @keyframes rotateOutUpRight { 0% { transform-origin: right bottom; transform: rotate(0); opacity: 1; } 100% { transform-origin: right bottom; transform: rotate(90deg); opacity: 0; } } .rotateOutUpRight { -webkit-animation-name: rotateOutUpRight; animation-name: rotateOutUpRight; } @-webkit-keyframes slideInDown { 0% { -webkit-transform: translate3d(0, -100%, 0); visibility: visible; } 100% { -webkit-transform: translate3d(0, 0, 0); } } @keyframes slideInDown { 0% { transform: translate3d(0, -100%, 0); visibility: visible; } 100% { transform: translate3d(0, 0, 0); } } .slideInDown { -webkit-animation-name: slideInDown; animation-name: slideInDown; } @-webkit-keyframes slideInLeft { 0% { -webkit-transform: translate3d(-100%, 0, 0); visibility: visible; } 100% { -webkit-transform: translate3d(0, 0, 0); } } @keyframes slideInLeft { 0% { transform: translate3d(-100%, 0, 0); visibility: visible; } 100% { transform: translate3d(0, 0, 0); } } .slideInLeft { -webkit-animation-name: slideInLeft; animation-name: slideInLeft; } @-webkit-keyframes slideInRight { 0% { -webkit-transform: translate3d(100%, 0, 0); visibility: visible; } 100% { -webkit-transform: translate3d(0, 0, 0); } } @keyframes slideInRight { 0% { transform: translate3d(100%, 0, 0); visibility: visible; } 100% { transform: translate3d(0, 0, 0); } } .slideInRight { -webkit-animation-name: slideInRight; animation-name: slideInRight; } @-webkit-keyframes slideInUp { 0% { -webkit-transform: translate3d(0, 100%, 0); visibility: visible; } 100% { -webkit-transform: translate3d(0, 0, 0); } } @keyframes slideInUp { 0% { transform: translate3d(0, 100%, 0); visibility: visible; } 100% { transform: translate3d(0, 0, 0); } } .slideInUp { -webkit-animation-name: slideInUp; animation-name: slideInUp; } @-webkit-keyframes slideOutDown { 0% { -webkit-transform: translate3d(0, 0, 0); visibility: visible; } 100% { -webkit-transform: translate3d(0, 100%, 0); } } @keyframes slideOutDown { 0% { transform: translate3d(0, 0, 0); visibility: visible; } 100% { transform: translate3d(0, 100%, 0); } } .slideOutDown { -webkit-animation-name: slideOutDown; animation-name: slideOutDown; } @-webkit-keyframes slideOutLeft { 0% { -webkit-transform: translate3d(0, 0, 0); visibility: visible; } 100% { -webkit-transform: translate3d(-100%, 0, 0); } } @keyframes slideOutLeft { 0% { transform: translate3d(0, 0, 0); visibility: visible; } 100% { transform: translate3d(-100%, 0, 0); } } .slideOutLeft { -webkit-animation-name: slideOutLeft; animation-name: slideOutLeft; } @-webkit-keyframes slideOutRight { 0% { -webkit-transform: translate3d(0, 0, 0); visibility: visible; } 100% { -webkit-transform: translate3d(100%, 0, 0); } } @keyframes slideOutRight { 0% { transform: translate3d(0, 0, 0); visibility: visible; } 100% { transform: translate3d(100%, 0, 0); } } .slideOutRight { -webkit-animation-name: slideOutRight; animation-name: slideOutRight; } @-webkit-keyframes slideOutUp { 0% { -webkit-transform: translate3d(0, 0, 0); visibility: visible; } 100% { -webkit-transform: translate3d(0, -100%, 0); } } @keyframes slideOutUp { 0% { transform: translate3d(0, 0, 0); visibility: visible; } 100% { transform: translate3d(0, -100%, 0); } } .slideOutUp { -webkit-animation-name: slideOutUp; animation-name: slideOutUp; } @-webkit-keyframes hinge { 0% { -webkit-transform: rotate(0); -webkit-transform-origin: top left; -webkit-animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate(80deg); -webkit-transform-origin: top left; -webkit-animation-timing-function: ease-in-out; } 40% { -webkit-transform: rotate(60deg); -webkit-transform-origin: top left; -webkit-animation-timing-function: ease-in-out; } 80% { -webkit-transform: rotate(60deg) translateY(0); opacity: 1; -webkit-transform-origin: top left; -webkit-animation-timing-function: ease-in-out; } 100% { -webkit-transform: translateY(700px); opacity: 0; } } @keyframes hinge { 0% { transform: rotate(0); transform-origin: top left; animation-timing-function: ease-in-out; } 20%, 60% { transform: rotate(80deg); transform-origin: top left; animation-timing-function: ease-in-out; } 40% { transform: rotate(60deg); transform-origin: top left; animation-timing-function: ease-in-out; } 80% { transform: rotate(60deg) translateY(0); opacity: 1; transform-origin: top left; animation-timing-function: ease-in-out; } 100% { transform: translateY(700px); opacity: 0; } } .hinge { -webkit-animation-name: hinge; animation-name: hinge; } @-webkit-keyframes rollIn { 0% { opacity: 0; -webkit-transform: translateX(-100%) rotate(-120deg); } 100% { opacity: 1; -webkit-transform: translateX(0px) rotate(0deg); } } @keyframes rollIn { 0% { opacity: 0; transform: translateX(-100%) rotate(-120deg); } 100% { opacity: 1; transform: translateX(0px) rotate(0deg); } } .rollIn { -webkit-animation-name: rollIn; animation-name: rollIn; } @-webkit-keyframes rollOut { 0% { opacity: 1; -webkit-transform: translateX(0px) rotate(0deg); } 100% { opacity: 0; -webkit-transform: translateX(100%) rotate(120deg); } } @keyframes rollOut { 0% { opacity: 1; transform: translateX(0px) rotate(0deg); } 100% { opacity: 0; transform: translateX(100%) rotate(120deg); } } .rollOut { -webkit-animation-name: rollOut; animation-name: rollOut; } @-webkit-keyframes zoomIn { 0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } } @keyframes zoomIn { 0% { opacity: 0; transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } } .zoomIn { -webkit-animation-name: zoomIn; animation-name: zoomIn; } @-webkit-keyframes zoomInDown { 0% { opacity: 0; -webkit-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); } 60% { opacity: 1; -webkit-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); } } @keyframes zoomInDown { 0% { opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); 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); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInDown { -webkit-animation-name: zoomInDown; animation-name: zoomInDown; } @-webkit-keyframes zoomInLeft { 0% { opacity: 0; -webkit-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); } 60% { opacity: 1; -webkit-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); } } @keyframes zoomInLeft { 0% { opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); 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); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInLeft { -webkit-animation-name: zoomInLeft; animation-name: zoomInLeft; } @-webkit-keyframes zoomInRight { 0% { opacity: 0; -webkit-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); } 60% { opacity: 1; -webkit-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); } } @keyframes zoomInRight { 0% { opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); 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); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInRight { -webkit-animation-name: zoomInRight; animation-name: zoomInRight; } @-webkit-keyframes zoomInUp { 0% { opacity: 0; -webkit-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); } 60% { opacity: 1; -webkit-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); } } @keyframes zoomInUp { 0% { opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); 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); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInUp { -webkit-animation-name: zoomInUp; animation-name: zoomInUp; } @-webkit-keyframes zoomOut { 0% { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); } 100% { opacity: 0; } } @keyframes zoomOut { 0% { opacity: 1; } 50% { opacity: 0; transform: scale3d(0.3, 0.3, 0.3); } 100% { opacity: 0; } } .zoomOut { -webkit-animation-name: zoomOut; animation-name: zoomOut; } @-webkit-keyframes zoomOutDown { 40% { opacity: 1; -webkit-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); } 100% { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; -webkit-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); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 100% { opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); transform-origin: center bottom; 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; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); } 100% { opacity: 0; -webkit-transform: scale3d(0.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; } } @keyframes zoomOutLeft { 40% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); } 100% { opacity: 0; transform: scale3d(0.1) translate3d(-2000px, 0, 0); transform-origin: left center; } } .zoomOutLeft { -webkit-animation-name: zoomOutLeft; animation-name: zoomOutLeft; } @-webkit-keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); } 100% { opacity: 0; -webkit-transform: scale3d(0.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; } } @keyframes zoomOutRight { 40% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); } 100% { opacity: 0; transform: scale3d(0.1) translate3d(2000px, 0, 0); transform-origin: right center; } } .zoomOutRight { -webkit-animation-name: zoomOutRight; animation-name: zoomOutRight; } @-webkit-keyframes zoomOutUp { 40% { opacity: 1; -webkit-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); } 100% { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; -webkit-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); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 100% { opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); transform-origin: center bottom; animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomOutUp { -webkit-animation-name: zoomOutUp; animation-name: zoomOutUp; } .dropdown-menu.show { animation: fade-in2 0.2s cubic-bezier(0.39, 0.575, 0.565, 1) both; } .popover:not([data-placement^="top"]).show { animation: fade-in2 0.2s cubic-bezier(0.39, 0.575, 0.565, 1) both; } .dropdown-menu[data-placement^="top"].show { animation: fade-in3 0.2s cubic-bezier(0.39, 0.575, 0.565, 1) both; bottom: auto !important; top: auto !important; } @keyframes fade-in2 { 0% { margin-top: -50px; visibility: hidden; opacity: 0; } 100% { margin-top: 0px; visibility: visible; opacity: 1; } } .form-control { transition: all .2s; } .btn-outline-2x { border-width: 2px; } .btn-group .btn { font-size: 0.8rem; font-weight: 500; } .btn-group .btn-outline-2x + .btn-outline-2x { margin-left: -2px; } .btn-group .btn-square { border-radius: 0; } .btn.btn-pill.btn-wide, .btn.btn-pill { border-top-left-radius: 50px; border-bottom-left-radius: 50px; border-top-right-radius: 50px; border-bottom-right-radius: 50px; } .btn-dashed { border-style: dashed; } .btn-icon { vertical-align: bottom; } .btn-icon.btn-icon-right .btn-icon-wrapper { margin-left: .5rem; margin-right: 0; } .btn-icon .btn-icon-wrapper { margin-right: .5rem; margin-left: 0; margin-top: 0; font-size: 17px; vertical-align: middle; transition: color .1s; display: inline-block; } .btn-icon.btn-link { text-decoration: none; } .btn-icon.btn-lg:not(.btn-block) .btn-icon-wrapper, .btn-group-lg > .btn-icon.btn:not(.btn-block) .btn-icon-wrapper { font-size: 25px; } .btn-icon.btn-sm:not(.btn-block) .btn-icon-wrapper, .btn-group-sm > .btn-icon.btn:not(.btn-block) .btn-icon-wrapper { font-size: 16px; } .btn-icon-only .btn-icon-wrapper { margin-left: 0; margin-right: 0; } .btn-hover-shine { position: relative; } .btn-hover-shine:after { content: ''; position: absolute; top: 0; left: 0; width: 0; height: 100%; background-color: rgba(255, 255, 255, 0.4); -webkit-transition: none; -moz-transition: none; transition: none; } .btn-hover-shine:hover:after { width: 120%; background-color: rgba(255, 255, 255, 0); transition: all 0.4s ease-in-out; } .btn-hover-shine.btn-pill::after { border-top-left-radius: 50px; border-bottom-left-radius: 50px; border-top-right-radius: 50px; border-bottom-right-radius: 50px; } .btn-icon-vertical { padding-top: 1rem; padding-bottom: 1rem; } .btn-icon-vertical .btn-icon-wrapper { display: block; font-size: 200%; margin: 5px 0; opacity: .6; } .btn-icon-vertical.btn-link { text-decoration: none; } .btn-icon-vertical.btn-lg:not(.btn-block) .btn-icon-wrapper, .btn-group-lg > .btn-icon-vertical.btn:not(.btn-block) .btn-icon-wrapper { font-size: 25px; } .btn-icon-vertical.btn-sm:not(.btn-block) .btn-icon-wrapper, .btn-group-sm > .btn-icon-vertical.btn:not(.btn-block) .btn-icon-wrapper { font-size: 16px; } .btn-icon-vertical:active .btn-icon-wrapper, .btn-icon-vertical.active .btn-icon-wrapper, .btn-icon-vertical:hover .btn-icon-wrapper { opacity: 1; } .btn-icon-vertical.btn-icon-bottom .btn-icon-wrapper { margin: .2rem 0 5px; } .btn-icon-vertical.btn-transition-text .btn-icon-wrapper { transition: all .2s !important; } .btn-icon-vertical.btn-transition-text:hover .btn-icon-wrapper { transform: scale(1.3); } .btn-icon-vertical.btn-transition-text.btn-transition-alt:hover .btn-icon-wrapper { color: #fff !important; } .btn-icon-lg { font-size: 2.5rem !important; } .btn-transition { color: #6c757d; border-color: #e9ecef; background-color: none; } .btn-transition.btn-outline-link { border-color: transparent; background-color: transparent; } .btn-transition.btn-outline-link:hover { color: #3f6ad8; background: #f8f9fa; } .btn-transition.disabled, .btn-transition:disabled { color: #6c757d; border-color: #e9ecef; } .btn-transition:hover .btn-icon-wrapper { transition: none; } .btn-transition-alt:hover .icon-gradient { -webkit-background-clip: initial; -webkit-text-fill-color: initial; background-clip: initial; text-fill-color: initial; background: none !important; color: #fff; } .btn-square { border-radius: 0 !important; } .btn.btn-wide { padding: .375rem 1.5rem; font-size: .8rem; line-height: 1.5; border-radius: .25rem; } .btn-lg.btn-wide, .btn-group-lg > .btn-wide.btn { padding: .5rem 2rem; font-size: 1.1rem; line-height: 1.5; border-radius: .3rem; } .btn-sm.btn-wide, .btn-group-sm > .btn-wide.btn { padding: .25rem 1rem; font-size: .8rem; line-height: 1.5; border-radius: .2rem; } .dropdown-toggle::after { position: relative; top: 2px; opacity: .8; } .dropright .dropdown-toggle::after { top: 0; } .dropdown-toggle-split { border-left: rgba(255, 255, 255, 0.1) solid 1px; } .btn-gradient-primary { background-image: linear-gradient(140deg, #2248a8 -30%, #3f6ad8 90%); background-color: #2248a8; border-color: #2248a8; color: #fff; } .btn-gradient-primary.active, .btn-gradient-primary:active, .btn-gradient-primary:not(:disabled):not(.disabled):hover { background-image: linear-gradient(120deg, #20429c 0%, #3260d5 100%); color: #fff; border-color: #1a367e; } .btn-gradient-primary:focus, .btn-gradient-primary.focus, .btn-gradient-primary:active, .btn-gradient-primary.active { color: #fff !important; border-color: #1e3f93 !important; } .btn-gradient-primary.btn-shadow { box-shadow: 0 0.125rem 0.625rem rgba(63, 106, 216, 0.4), 0 0.0625rem 0.125rem rgba(63, 106, 216, 0.5); } .btn-gradient-primary.btn-shadow:hover { box-shadow: 0 0.125rem 0.625rem rgba(63, 106, 216, 0.5), 0 0.0625rem 0.125rem rgba(63, 106, 216, 0.6); } .btn-gradient-secondary { background-image: linear-gradient(140deg, #494f54 -30%, #6c757d 90%); background-color: #494f54; border-color: #494f54; color: #fff; } .btn-gradient-secondary.active, .btn-gradient-secondary:active, .btn-gradient-secondary:not(:disabled):not(.disabled):hover { background-image: linear-gradient(120deg, #41474c 0%, #656d75 100%); color: #fff; border-color: #313539; } .btn-gradient-secondary:focus, .btn-gradient-secondary.focus, .btn-gradient-secondary:active, .btn-gradient-secondary.active { color: #fff !important; border-color: #3d4246 !important; } .btn-gradient-secondary.btn-shadow { box-shadow: 0 0.125rem 0.625rem rgba(108, 117, 125, 0.4), 0 0.0625rem 0.125rem rgba(108, 117, 125, 0.5); } .btn-gradient-secondary.btn-shadow:hover { box-shadow: 0 0.125rem 0.625rem rgba(108, 117, 125, 0.5), 0 0.0625rem 0.125rem rgba(108, 117, 125, 0.6); } .btn-gradient-success { background-image: linear-gradient(140deg, #298957 -30%, #3ac47d 90%); background-color: #298957; border-color: #298957; color: #fff; } .btn-gradient-success.active, .btn-gradient-success:active, .btn-gradient-success:not(:disabled):not(.disabled):hover { background-image: linear-gradient(120deg, #257d50 0%, #37b875 100%); color: #fff; border-color: #1d623e; } .btn-gradient-success:focus, .btn-gradient-success.focus, .btn-gradient-success:active, .btn-gradient-success.active { color: #fff !important; border-color: #23754b !important; } .btn-gradient-success.btn-shadow { box-shadow: 0 0.125rem 0.625rem rgba(58, 196, 125, 0.4), 0 0.0625rem 0.125rem rgba(58, 196, 125, 0.5); } .btn-gradient-success.btn-shadow:hover { box-shadow: 0 0.125rem 0.625rem rgba(58, 196, 125, 0.5), 0 0.0625rem 0.125rem rgba(58, 196, 125, 0.6); } .btn-gradient-info { background-image: linear-gradient(140deg, #007fc9 -30%, #16aaff 90%); background-color: #007fc9; border-color: #007fc9; color: #fff; } .btn-gradient-info.active, .btn-gradient-info:active, .btn-gradient-info:not(:disabled):not(.disabled):hover { background-image: linear-gradient(120deg, #0076b9 0%, #07a4ff 100%); color: #fff; border-color: #005f96; } .btn-gradient-info:focus, .btn-gradient-info.focus, .btn-gradient-info:active, .btn-gradient-info.active { color: #fff !important; border-color: #006faf !important; } .btn-gradient-info.btn-shadow { box-shadow: 0 0.125rem 0.625rem rgba(22, 170, 255, 0.4), 0 0.0625rem 0.125rem rgba(22, 170, 255, 0.5); } .btn-gradient-info.btn-shadow:hover { box-shadow: 0 0.125rem 0.625rem rgba(22, 170, 255, 0.5), 0 0.0625rem 0.125rem rgba(22, 170, 255, 0.6); } .btn-gradient-warning { background-image: linear-gradient(140deg, #c78f07 -30%, #f7b924 90%); background-color: #c78f07; border-color: #c78f07; color: #fff; } .btn-gradient-warning.active, .btn-gradient-warning:active, .btn-gradient-warning:not(:disabled):not(.disabled):hover { background-image: linear-gradient(120deg, #b88407 0%, #f6b415 100%); color: #fff; border-color: #966c05; } .btn-gradient-warning:focus, .btn-gradient-warning.focus, .btn-gradient-warning:active, .btn-gradient-warning.active { color: #fff !important; border-color: #af7d06 !important; } .btn-gradient-warning.btn-shadow { box-shadow: 0 0.125rem 0.625rem rgba(247, 185, 36, 0.4), 0 0.0625rem 0.125rem rgba(247, 185, 36, 0.5); } .btn-gradient-warning.btn-shadow:hover { box-shadow: 0 0.125rem 0.625rem rgba(247, 185, 36, 0.5), 0 0.0625rem 0.125rem rgba(247, 185, 36, 0.6); } .btn-gradient-danger { background-image: linear-gradient(140deg, #981a38 -30%, #FF4961 90%); background-color: #981a38; border-color: #981a38; color: #fff; } .btn-gradient-danger.active, .btn-gradient-danger:active, .btn-gradient-danger:not(:disabled):not(.disabled):hover { background-image: linear-gradient(120deg, #8b1833 0%, #cc234b 100%); color: #fff; border-color: #6c1228; } .btn-gradient-danger:focus, .btn-gradient-danger.focus, .btn-gradient-danger:active, .btn-gradient-danger.active { color: #fff !important; border-color: #821630 !important; } .btn-gradient-danger.btn-shadow { box-shadow: 0 0.125rem 0.625rem rgba(217, 37, 80, 0.4), 0 0.0625rem 0.125rem rgba(217, 37, 80, 0.5); } .btn-gradient-danger.btn-shadow:hover { box-shadow: 0 0.125rem 0.625rem rgba(217, 37, 80, 0.5), 0 0.0625rem 0.125rem rgba(217, 37, 80, 0.6); } .btn-gradient-focus { background-image: linear-gradient(140deg, #211f29 -30%, #444054 90%); background-color: #211f29; border-color: #211f29; color: #fff; } .btn-gradient-focus.active, .btn-gradient-focus:active, .btn-gradient-focus:not(:disabled):not(.disabled):hover { background-image: linear-gradient(120deg, #1a1820 0%, #3d394b 100%); color: #fff; border-color: #09090c; } .btn-gradient-focus:focus, .btn-gradient-focus.focus, .btn-gradient-focus:active, .btn-gradient-focus.active { color: #fff !important; border-color: #15141a !important; } .btn-gradient-focus.btn-shadow { box-shadow: 0 0.125rem 0.625rem rgba(68, 64, 84, 0.4), 0 0.0625rem 0.125rem rgba(68, 64, 84, 0.5); } .btn-gradient-focus.btn-shadow:hover { box-shadow: 0 0.125rem 0.625rem rgba(68, 64, 84, 0.5), 0 0.0625rem 0.125rem rgba(68, 64, 84, 0.6); } .btn-gradient-alternate { background-image: linear-gradient(140deg, #4e3159 -30%, #794c8a 90%); background-color: #4e3159; border-color: #4e3159; color: #fff; } .btn-gradient-alternate.active, .btn-gradient-alternate:active, .btn-gradient-alternate:not(:disabled):not(.disabled):hover { background-image: linear-gradient(120deg, #452b4f 0%, #704780 100%); color: #fff; border-color: #311f38; } .btn-gradient-alternate:focus, .btn-gradient-alternate.focus, .btn-gradient-alternate:active, .btn-gradient-alternate.active { color: #fff !important; border-color: #3f2848 !important; } .btn-gradient-alternate.btn-shadow { box-shadow: 0 0.125rem 0.625rem rgba(121, 76, 138, 0.4), 0 0.0625rem 0.125rem rgba(121, 76, 138, 0.5); } .btn-gradient-alternate.btn-shadow:hover { box-shadow: 0 0.125rem 0.625rem rgba(121, 76, 138, 0.5), 0 0.0625rem 0.125rem rgba(121, 76, 138, 0.6); } .btn-gradient-light { background-image: linear-gradient(140deg, #c8c8c8 -30%, #eee 90%); background-color: #c8c8c8; border-color: #c8c8c8; color: #212529; } .btn-gradient-light.active, .btn-gradient-light:active, .btn-gradient-light:not(:disabled):not(.disabled):hover { background-image: linear-gradient(120deg, silver 0%, #e6e6e6 100%); color: #212529; border-color: #aeaeae; } .btn-gradient-light:focus, .btn-gradient-light.focus, .btn-gradient-light:active, .btn-gradient-light.active { color: #212529 !important; border-color: #bbb !important; } .btn-gradient-light.btn-shadow { box-shadow: 0 0.125rem 0.625rem rgba(238, 238, 238, 0.4), 0 0.0625rem 0.125rem rgba(238, 238, 238, 0.5); } .btn-gradient-light.btn-shadow:hover { box-shadow: 0 0.125rem 0.625rem rgba(238, 238, 238, 0.5), 0 0.0625rem 0.125rem rgba(238, 238, 238, 0.6); } .btn-gradient-dark { background-image: linear-gradient(140deg, #121416 -30%, #343a40 90%); background-color: #121416; border-color: #121416; color: #fff; } .btn-gradient-dark.active, .btn-gradient-dark:active, .btn-gradient-dark:not(:disabled):not(.disabled):hover { background-image: linear-gradient(120deg, #0b0c0d 0%, #2d3238 100%); color: #fff; border-color: #000; } .btn-gradient-dark:focus, .btn-gradient-dark.focus, .btn-gradient-dark:active, .btn-gradient-dark.active { color: #fff !important; border-color: #060708 !important; } .btn-gradient-dark.btn-shadow { box-shadow: 0 0.125rem 0.625rem rgba(52, 58, 64, 0.4), 0 0.0625rem 0.125rem rgba(52, 58, 64, 0.5); } .btn-gradient-dark.btn-shadow:hover { box-shadow: 0 0.125rem 0.625rem rgba(52, 58, 64, 0.5), 0 0.0625rem 0.125rem rgba(52, 58, 64, 0.6); } .btn.btn-shadow.active { box-shadow: 0 0 0 0 transparent !important; } .btn-primary { color: #fff; background-color: #3f6ad8; border-color: #3f6ad8; } .btn-primary:hover { color:#FFF; background-color:#6D49D3; border-color:#6D49D3; } .btn-primary:focus, .btn-primary.focus { box-shadow: 0 0 0 0 rgba(92, 128, 222, 0.5); } .btn-primary.disabled, .btn-primary:disabled { color: #fff; background-color: #3f6ad8; border-color: #3f6ad8; } .btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle { color: #fff; background-color: #2651be; border-color: #244cb3; } .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 rgba(92, 128, 222, 0.5); } .btn-primary.btn-shadow { box-shadow: 0 0.125rem 0.625rem rgba(63, 106, 216, 0.4), 0 0.0625rem 0.125rem rgba(63, 106, 216, 0.5); } .btn-primary.btn-shadow:hover { box-shadow: 0 0.125rem 0.625rem rgba(63, 106, 216, 0.5), 0 0.0625rem 0.125rem rgba(63, 106, 216, 0.6); } .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 { box-shadow: 0 0 0 0 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 rgba(130, 138, 145, 0.5); } .btn-secondary.btn-shadow { box-shadow: 0 0.125rem 0.625rem rgba(108, 117, 125, 0.4), 0 0.0625rem 0.125rem rgba(108, 117, 125, 0.5); } .btn-secondary.btn-shadow:hover { box-shadow: 0 0.125rem 0.625rem rgba(108, 117, 125, 0.5), 0 0.0625rem 0.125rem rgba(108, 117, 125, 0.6); } .btn-success { color: #fff; background-color: #3ac47d; border-color: #3ac47d; } .btn-success:hover { color: #fff; background-color: #31a66a; border-color: #2e9d64; } .btn-success:focus, .btn-success.focus { box-shadow: 0 0 0 0 rgba(88, 205, 145, 0.5); } .btn-success.disabled, .btn-success:disabled { color: #fff; background-color: #3ac47d; border-color: #3ac47d; } .btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active, .show > .btn-success.dropdown-toggle { color: #fff; background-color: #2e9d64; border-color: #2b935e; } .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 rgba(88, 205, 145, 0.5); } .btn-success.btn-shadow { box-shadow: 0 0.125rem 0.625rem rgba(58, 196, 125, 0.4), 0 0.0625rem 0.125rem rgba(58, 196, 125, 0.5); } .btn-success.btn-shadow:hover { box-shadow: 0 0.125rem 0.625rem rgba(58, 196, 125, 0.5), 0 0.0625rem 0.125rem rgba(58, 196, 125, 0.6); } .btn-info { color: #fff; background-color: #16aaff; border-color: #16aaff; } .btn-info:hover { color: #fff; background-color: #0098ef; border-color: #0090e2; } .btn-info:focus, .btn-info.focus { box-shadow: 0 0 0 0 rgba(57, 183, 255, 0.5); } .btn-info.disabled, .btn-info:disabled { color: #fff; background-color: #16aaff; border-color: #16aaff; } .btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active, .show > .btn-info.dropdown-toggle { color: #fff; background-color: #0090e2; border-color: #0087d5; } .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 rgba(57, 183, 255, 0.5); } .btn-info.btn-shadow { box-shadow: 0 0.125rem 0.625rem rgba(22, 170, 255, 0.4), 0 0.0625rem 0.125rem rgba(22, 170, 255, 0.5); } .btn-info.btn-shadow:hover { box-shadow: 0 0.125rem 0.625rem rgba(22, 170, 255, 0.5), 0 0.0625rem 0.125rem rgba(22, 170, 255, 0.6); } .btn-warning { color: #212529; background-color: #f7b924; border-color: #f7b924; } .btn-warning:hover { color: #212529; background-color: #eca909; border-color: #e0a008; } .btn-warning:focus, .btn-warning.focus { box-shadow: 0 0 0 0 rgba(215, 163, 37, 0.5); } .btn-warning.disabled, .btn-warning:disabled { color: #212529; background-color: #f7b924; border-color: #f7b924; } .btn-warning:not(:disabled):not(.disabled):active, .btn-warning:not(:disabled):not(.disabled).active, .show > .btn-warning.dropdown-toggle { color: #212529; background-color: #e0a008; border-color: #d49808; } .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 rgba(215, 163, 37, 0.5); } .btn-warning.btn-shadow { box-shadow: 0 0.125rem 0.625rem rgba(247, 185, 36, 0.4), 0 0.0625rem 0.125rem rgba(247, 185, 36, 0.5); } .btn-warning.btn-shadow:hover { box-shadow: 0 0.125rem 0.625rem rgba(247, 185, 36, 0.5), 0 0.0625rem 0.125rem rgba(247, 185, 36, 0.6); } .btn-danger:hover { color: #fff; background-color: #FF4961; border-color: #ad1e40; } .btn-danger:focus, .btn-danger.focus { box-shadow: 0 0 0 0 rgba(223, 70, 106, 0.5); } .btn-danger.disabled, .btn-danger:disabled { color: #fff; background-color: #FF4961; border-color: #FF4961; } .btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active, .show > .btn-danger.dropdown-toggle { color: #fff; background-color: #ad1e40; border-color: #a31c3c; } .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 rgba(223, 70, 106, 0.5); } .btn-danger.btn-shadow { box-shadow: 0 0.125rem 0.625rem rgba(217, 37, 80, 0.4), 0 0.0625rem 0.125rem rgba(217, 37, 80, 0.5); } .btn-danger.btn-shadow:hover { box-shadow: 0 0.125rem 0.625rem rgba(217, 37, 80, 0.5), 0 0.0625rem 0.125rem rgba(217, 37, 80, 0.6); } .btn-light { color: #212529; background-color: #eee; border-color: #eee; } .btn-light:hover { color: #212529; background-color: #dbdbdb; border-color: #d5d5d5; } .btn-light:focus, .btn-light.focus { box-shadow: 0 0 0 0 rgba(207, 208, 208, 0.5); } .btn-light.disabled, .btn-light:disabled { color: #212529; background-color: #eee; border-color: #eee; } .btn-light:not(:disabled):not(.disabled):active, .btn-light:not(:disabled):not(.disabled).active, .show > .btn-light.dropdown-toggle { color: #212529; background-color: #d5d5d5; border-color: #cecece; } .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 rgba(207, 208, 208, 0.5); } .btn-light.btn-shadow { box-shadow: 0 0.125rem 0.625rem rgba(238, 238, 238, 0.4), 0 0.0625rem 0.125rem rgba(238, 238, 238, 0.5); } .btn-light.btn-shadow:hover { box-shadow: 0 0.125rem 0.625rem rgba(238, 238, 238, 0.5), 0 0.0625rem 0.125rem rgba(238, 238, 238, 0.6); } .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 { box-shadow: 0 0 0 0 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 rgba(82, 88, 93, 0.5); } .btn-dark.btn-shadow { box-shadow: 0 0.125rem 0.625rem rgba(52, 58, 64, 0.4), 0 0.0625rem 0.125rem rgba(52, 58, 64, 0.5); } .btn-dark.btn-shadow:hover { box-shadow: 0 0.125rem 0.625rem rgba(52, 58, 64, 0.5), 0 0.0625rem 0.125rem rgba(52, 58, 64, 0.6); } .btn-focus { color: #fff; background-color: #444054; border-color: #444054; } .btn-focus:hover { color: #fff; background-color: #322f3e; border-color: #2d2a37; } .btn-focus:focus, .btn-focus.focus { box-shadow: 0 0 0 0 rgba(96, 93, 110, 0.5); } .btn-focus.disabled, .btn-focus:disabled { color: #fff; background-color: #444054; border-color: #444054; } .btn-focus:not(:disabled):not(.disabled):active, .btn-focus:not(:disabled):not(.disabled).active, .show > .btn-focus.dropdown-toggle { color: #fff; background-color: #2d2a37; border-color: #272430; } .btn-focus:not(:disabled):not(.disabled):active:focus, .btn-focus:not(:disabled):not(.disabled).active:focus, .show > .btn-focus.dropdown-toggle:focus { box-shadow: 0 0 0 0 rgba(96, 93, 110, 0.5); } .btn-focus.btn-shadow { box-shadow: 0 0.125rem 0.625rem rgba(68, 64, 84, 0.4), 0 0.0625rem 0.125rem rgba(68, 64, 84, 0.5); } .btn-focus.btn-shadow:hover { box-shadow: 0 0.125rem 0.625rem rgba(68, 64, 84, 0.5), 0 0.0625rem 0.125rem rgba(68, 64, 84, 0.6); } .btn-alternate { color: #fff; background-color: #794c8a; border-color: #794c8a; } .btn-alternate:hover { color: #fff; background-color: #633e71; border-color: #5c3a69; } .btn-alternate:focus, .btn-alternate.focus { box-shadow: 0 0 0 0 rgba(141, 103, 156, 0.5); } .btn-alternate.disabled, .btn-alternate:disabled { color: #fff; background-color: #794c8a; border-color: #794c8a; } .btn-alternate:not(:disabled):not(.disabled):active, .btn-alternate:not(:disabled):not(.disabled).active, .show > .btn-alternate.dropdown-toggle { color: #fff; background-color: #5c3a69; border-color: #553561; } .btn-alternate:not(:disabled):not(.disabled):active:focus, .btn-alternate:not(:disabled):not(.disabled).active:focus, .show > .btn-alternate.dropdown-toggle:focus { box-shadow: 0 0 0 0 rgba(141, 103, 156, 0.5); } .btn-alternate.btn-shadow { box-shadow: 0 0.125rem 0.625rem rgba(121, 76, 138, 0.4), 0 0.0625rem 0.125rem rgba(121, 76, 138, 0.5); } .btn-alternate.btn-shadow:hover { box-shadow: 0 0.125rem 0.625rem rgba(121, 76, 138, 0.5), 0 0.0625rem 0.125rem rgba(121, 76, 138, 0.6); } .btn-shadow-primary:hover { box-shadow: 0 0.125rem 0.625rem rgba(63, 106, 216, 0.4), 0 0.0625rem 0.125rem rgba(63, 106, 216, 0.5); } .btn-shadow-secondary:hover { box-shadow: 0 0.125rem 0.625rem rgba(108, 117, 125, 0.4), 0 0.0625rem 0.125rem rgba(108, 117, 125, 0.5); } .btn-shadow-success:hover { box-shadow: 0 0.125rem 0.625rem rgba(58, 196, 125, 0.4), 0 0.0625rem 0.125rem rgba(58, 196, 125, 0.5); } .btn-shadow-info:hover { box-shadow: 0 0.125rem 0.625rem rgba(22, 170, 255, 0.4), 0 0.0625rem 0.125rem rgba(22, 170, 255, 0.5); } .btn-shadow-warning:hover { box-shadow: 0 0.125rem 0.625rem rgba(247, 185, 36, 0.4), 0 0.0625rem 0.125rem rgba(247, 185, 36, 0.5); } .btn-shadow-danger:hover { box-shadow: 0 0.125rem 0.625rem rgba(217, 37, 80, 0.4), 0 0.0625rem 0.125rem rgba(217, 37, 80, 0.5); } .btn-shadow-light:hover { box-shadow: 0 0.125rem 0.625rem rgba(238, 238, 238, 0.4), 0 0.0625rem 0.125rem rgba(238, 238, 238, 0.5); } .btn-shadow-dark:hover { box-shadow: 0 0.125rem 0.625rem rgba(52, 58, 64, 0.4), 0 0.0625rem 0.125rem rgba(52, 58, 64, 0.5); } .btn-shadow-focus:hover { box-shadow: 0 0.125rem 0.625rem rgba(68, 64, 84, 0.4), 0 0.0625rem 0.125rem rgba(68, 64, 84, 0.5); } .btn-shadow-alternate:hover { box-shadow: 0 0.125rem 0.625rem rgba(121, 76, 138, 0.4), 0 0.0625rem 0.125rem rgba(121, 76, 138, 0.5); } .btn-outline-primary { color: #3f6ad8; border-color: #3f6ad8; } .btn-outline-primary:hover { color: #fff; background-color: #3f6ad8; border-color: #3f6ad8; } .btn-outline-primary:focus, .btn-outline-primary.focus { box-shadow: 0 0 0 0 rgba(63, 106, 216, 0.5); } .btn-outline-primary.disabled, .btn-outline-primary:disabled { color: #3f6ad8; 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: #3f6ad8; border-color: #3f6ad8; } .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 rgba(63, 106, 216, 0.5); } .btn-outline-primary.btn-shadow { box-shadow: 0 0.125rem 0.625rem rgba(63, 106, 216, 0.4), 0 0.0625rem 0.125rem rgba(63, 106, 216, 0.5); } .btn-outline-primary.btn-shadow.active:hover, .btn-outline-primary.btn-shadow.disabled:hover, .btn-outline-primary.btn-shadow:active:hover, .btn-outline-primary.btn-shadow:disabled:hover { box-shadow: 0 0.125rem 0.625rem rgba(63, 106, 216, 0.5), 0 0.0625rem 0.125rem rgba(63, 106, 216, 0.6); } .btn-outline-primary.btn-shadow:hover { box-shadow: 0px 5px 15px 2px rgba(63, 106, 216, 0.19); } .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 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 rgba(108, 117, 125, 0.5); } .btn-outline-secondary.btn-shadow { box-shadow: 0 0.125rem 0.625rem rgba(108, 117, 125, 0.4), 0 0.0625rem 0.125rem rgba(108, 117, 125, 0.5); } .btn-outline-secondary.btn-shadow.active:hover, .btn-outline-secondary.btn-shadow.disabled:hover, .btn-outline-secondary.btn-shadow:active:hover, .btn-outline-secondary.btn-shadow:disabled:hover { box-shadow: 0 0.125rem 0.625rem rgba(108, 117, 125, 0.5), 0 0.0625rem 0.125rem rgba(108, 117, 125, 0.6); } .btn-outline-secondary.btn-shadow:hover { box-shadow: 0px 5px 15px 2px rgba(108, 117, 125, 0.19); } .btn-outline-success { color: #3ac47d; border-color: #3ac47d; } .btn-outline-success:hover { color: #fff; background-color: #3ac47d; border-color: #3ac47d; } .btn-outline-success:focus, .btn-outline-success.focus { box-shadow: 0 0 0 0 rgba(58, 196, 125, 0.5); } .btn-outline-success.disabled, .btn-outline-success:disabled { color: #3ac47d; 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: #3ac47d; border-color: #3ac47d; } .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 rgba(58, 196, 125, 0.5); } .btn-outline-success.btn-shadow { box-shadow: 0 0.125rem 0.625rem rgba(58, 196, 125, 0.4), 0 0.0625rem 0.125rem rgba(58, 196, 125, 0.5); } .btn-outline-success.btn-shadow.active:hover, .btn-outline-success.btn-shadow.disabled:hover, .btn-outline-success.btn-shadow:active:hover, .btn-outline-success.btn-shadow:disabled:hover { box-shadow: 0 0.125rem 0.625rem rgba(58, 196, 125, 0.5), 0 0.0625rem 0.125rem rgba(58, 196, 125, 0.6); } .btn-outline-success.btn-shadow:hover { box-shadow: 0px 5px 15px 2px rgba(58, 196, 125, 0.19); } .btn-outline-info { color: #16aaff; border-color: #16aaff; } .btn-outline-info:hover { color: #fff; background-color: #16aaff; border-color: #16aaff; } .btn-outline-info:focus, .btn-outline-info.focus { box-shadow: 0 0 0 0 rgba(22, 170, 255, 0.5); } .btn-outline-info.disabled, .btn-outline-info:disabled { color: #16aaff; background-color: transparent; } .btn-outline-info:not(:disabled):not(.disabled):active, .btn-outline-info:not(:disabled):not(.disabled).active, .show > .btn-outline-info.dropdown-toggle { color: #fff !important; background-color: #16aaff; border-color: #16aaff; } .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 rgba(22, 170, 255, 0.5); } .btn-outline-info.btn-shadow { box-shadow: 0 0.125rem 0.625rem rgba(22, 170, 255, 0.4), 0 0.0625rem 0.125rem rgba(22, 170, 255, 0.5); } .btn-outline-info.btn-shadow.active:hover, .btn-outline-info.btn-shadow.disabled:hover, .btn-outline-info.btn-shadow:active:hover, .btn-outline-info.btn-shadow:disabled:hover { box-shadow: 0 0.125rem 0.625rem rgba(22, 170, 255, 0.5), 0 0.0625rem 0.125rem rgba(22, 170, 255, 0.6); } .btn-outline-info.btn-shadow:hover { box-shadow: 0px 5px 15px 2px rgba(22, 170, 255, 0.19); } .btn-outline-warning { color: #f7b924; border-color: #f7b924; } .btn-outline-warning:hover { color: #212529; background-color: #f7b924; border-color: #f7b924; } .btn-outline-warning:focus, .btn-outline-warning.focus { box-shadow: 0 0 0 0 rgba(247, 185, 36, 0.5); } .btn-outline-warning.disabled, .btn-outline-warning:disabled { color: #f7b924; 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: #f7b924; border-color: #f7b924; } .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 rgba(247, 185, 36, 0.5); } .btn-outline-warning.btn-shadow { box-shadow: 0 0.125rem 0.625rem rgba(247, 185, 36, 0.4), 0 0.0625rem 0.125rem rgba(247, 185, 36, 0.5); } .btn-outline-warning.btn-shadow.active:hover, .btn-outline-warning.btn-shadow.disabled:hover, .btn-outline-warning.btn-shadow:active:hover, .btn-outline-warning.btn-shadow:disabled:hover { box-shadow: 0 0.125rem 0.625rem rgba(247, 185, 36, 0.5), 0 0.0625rem 0.125rem rgba(247, 185, 36, 0.6); } .btn-outline-warning.btn-shadow:hover { box-shadow: 0px 5px 15px 2px rgba(247, 185, 36, 0.19); } .btn-outline-danger { color: #FF4961; border-color: #FF4961; } .btn-outline-danger:hover { color: #fff; background-color: #FF4961; border-color: #FF4961; } .btn-outline-danger:focus, .btn-outline-danger.focus { box-shadow: 0 0 0 0 rgba(217, 37, 80, 0.5); } .btn-outline-danger.disabled, .btn-outline-danger:disabled { color: #FF4961; 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: #FF4961; border-color: #FF4961; } .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 rgba(217, 37, 80, 0.5); } .btn-outline-danger.btn-shadow { box-shadow: 0 0.125rem 0.625rem rgba(217, 37, 80, 0.4), 0 0.0625rem 0.125rem rgba(217, 37, 80, 0.5); } .btn-outline-danger.btn-shadow.active:hover, .btn-outline-danger.btn-shadow.disabled:hover, .btn-outline-danger.btn-shadow:active:hover, .btn-outline-danger.btn-shadow:disabled:hover { box-shadow: 0 0.125rem 0.625rem rgba(217, 37, 80, 0.5), 0 0.0625rem 0.125rem rgba(217, 37, 80, 0.6); } .btn-outline-danger.btn-shadow:hover { box-shadow: 0px 5px 15px 2px rgba(217, 37, 80, 0.19); } .btn-outline-light { color: #eee; border-color: #eee; } .btn-outline-light:hover { color: #212529; background-color: #eee; border-color: #eee; } .btn-outline-light:focus, .btn-outline-light.focus { box-shadow: 0 0 0 0 rgba(238, 238, 238, 0.5); } .btn-outline-light.disabled, .btn-outline-light:disabled { color: #eee; 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: #eee; border-color: #eee; } .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 rgba(238, 238, 238, 0.5); } .btn-outline-light.btn-shadow { box-shadow: 0 0.125rem 0.625rem rgba(238, 238, 238, 0.4), 0 0.0625rem 0.125rem rgba(238, 238, 238, 0.5); } .btn-outline-light.btn-shadow.active:hover, .btn-outline-light.btn-shadow.disabled:hover, .btn-outline-light.btn-shadow:active:hover, .btn-outline-light.btn-shadow:disabled:hover { box-shadow: 0 0.125rem 0.625rem rgba(238, 238, 238, 0.5), 0 0.0625rem 0.125rem rgba(238, 238, 238, 0.6); } .btn-outline-light.btn-shadow:hover { box-shadow: 0px 5px 15px 2px rgba(238, 238, 238, 0.19); } .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 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 rgba(52, 58, 64, 0.5); } .btn-outline-dark.btn-shadow { box-shadow: 0 0.125rem 0.625rem rgba(52, 58, 64, 0.4), 0 0.0625rem 0.125rem rgba(52, 58, 64, 0.5); } .btn-outline-dark.btn-shadow.active:hover, .btn-outline-dark.btn-shadow.disabled:hover, .btn-outline-dark.btn-shadow:active:hover, .btn-outline-dark.btn-shadow:disabled:hover { box-shadow: 0 0.125rem 0.625rem rgba(52, 58, 64, 0.5), 0 0.0625rem 0.125rem rgba(52, 58, 64, 0.6); } .btn-outline-dark.btn-shadow:hover { box-shadow: 0px 5px 15px 2px rgba(52, 58, 64, 0.19); } .btn-outline-focus { color: #444054; border-color: #444054; } .btn-outline-focus:hover { color: #fff; background-color: #444054; border-color: #444054; } .btn-outline-focus:focus, .btn-outline-focus.focus { box-shadow: 0 0 0 0 rgba(68, 64, 84, 0.5); } .btn-outline-focus.disabled, .btn-outline-focus:disabled { color: #444054; background-color: transparent; } .btn-outline-focus:not(:disabled):not(.disabled):active, .btn-outline-focus:not(:disabled):not(.disabled).active, .show > .btn-outline-focus.dropdown-toggle { color: #fff; background-color: #444054; border-color: #444054; } .btn-outline-focus:not(:disabled):not(.disabled):active:focus, .btn-outline-focus:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-focus.dropdown-toggle:focus { box-shadow: 0 0 0 0 rgba(68, 64, 84, 0.5); } .btn-outline-focus.btn-shadow { box-shadow: 0 0.125rem 0.625rem rgba(68, 64, 84, 0.4), 0 0.0625rem 0.125rem rgba(68, 64, 84, 0.5); } .btn-outline-focus.btn-shadow.active:hover, .btn-outline-focus.btn-shadow.disabled:hover, .btn-outline-focus.btn-shadow:active:hover, .btn-outline-focus.btn-shadow:disabled:hover { box-shadow: 0 0.125rem 0.625rem rgba(68, 64, 84, 0.5), 0 0.0625rem 0.125rem rgba(68, 64, 84, 0.6); } .btn-outline-focus.btn-shadow:hover { box-shadow: 0px 5px 15px 2px rgba(68, 64, 84, 0.19); } .btn-outline-alternate { color: #794c8a; border-color: #794c8a; } .btn-outline-alternate:hover { color: #fff; background-color: #794c8a; border-color: #794c8a; } .btn-outline-alternate:focus, .btn-outline-alternate.focus { box-shadow: 0 0 0 0 rgba(121, 76, 138, 0.5); } .btn-outline-alternate.disabled, .btn-outline-alternate:disabled { color: #794c8a; background-color: transparent; } .btn-outline-alternate:not(:disabled):not(.disabled):active, .btn-outline-alternate:not(:disabled):not(.disabled).active, .show > .btn-outline-alternate.dropdown-toggle { color: #fff; background-color: #794c8a; border-color: #794c8a; } .btn-outline-alternate:not(:disabled):not(.disabled):active:focus, .btn-outline-alternate:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-alternate.dropdown-toggle:focus { box-shadow: 0 0 0 0 rgba(121, 76, 138, 0.5); } .btn-outline-alternate.btn-shadow { box-shadow: 0 0.125rem 0.625rem rgba(121, 76, 138, 0.4), 0 0.0625rem 0.125rem rgba(121, 76, 138, 0.5); } .btn-outline-alternate.btn-shadow.active:hover, .btn-outline-alternate.btn-shadow.disabled:hover, .btn-outline-alternate.btn-shadow:active:hover, .btn-outline-alternate.btn-shadow:disabled:hover { box-shadow: 0 0.125rem 0.625rem rgba(121, 76, 138, 0.5), 0 0.0625rem 0.125rem rgba(121, 76, 138, 0.6); } .btn-outline-alternate.btn-shadow:hover { box-shadow: 0px 5px 15px 2px rgba(121, 76, 138, 0.19); } .btn { font-size:14px; position: relative; transition: color 0.15s, background-color 0.15s, border-color 0.15s, box-shadow 0.15s; } @media screen and (prefers-reduced-motion: reduce) { .btn { transition: none; } } .btn-light { border-color: #dcdcdc; } .btn-outline-light { color: #8f8f8f; } .dropdown-menu { box-shadow: 0 0.46875rem 2.1875rem rgba(4, 9, 20, 0.03), 0 0.9375rem 1.40625rem rgba(4, 9, 20, 0.03), 0 0.25rem 0.53125rem rgba(4, 9, 20, 0.05), 0 0.125rem 0.1875rem rgba(4, 9, 20, 0.03); margin: .125rem; } .dropdown-menu.dropdown-menu-right{ top:35px; right:0px; border-radius:0px 0px 10px 10px; } .dropdown-menu .dropdown-header { text-transform: uppercase; font-size: .73333rem; color: #3f6ad8; font-weight: bold; } .dropdown-menu .dropdown-item { font-size: .88rem; display: flex; align-items: center; transition: background-color 0.3s ease, color 0.3s ease; cursor: pointer; z-index: 6; position: relative; } .dropdown-menu .dropdown-item .dropdown-icon { font-size: 1rem; margin-right: .325rem; width: 30px; text-align: center; opacity: .3; margin-left: -10px; } .dropdown-menu .dropdown-item:hover .dropdown-icon { opacity: .7; } .dropdown-menu.dropdown-menu-shadow { box-shadow: 0 0.66875rem 2.3875rem rgba(4, 9, 20, 0.03), 0 1.1375rem 1.60625rem rgba(4, 9, 20, 0.03), 0 0.45rem 0.73125rem rgba(4, 9, 20, 0.05), 0 0.325rem 0.3875rem rgba(4, 9, 20, 0.03); } .dropdown-menu-rounded { border-radius: 10px; padding: .65rem; } .dropdown-menu-rounded .dropdown-item { border-radius: 30px; } .dropdown-menu-rounded .dropdown-divider { margin-left: -.65rem; margin-right: -.65rem; } .dropdown-menu-rounded .dropdown-menu-header { margin-left: -.65rem; margin-right: -.65rem; border-top-left-radius: 10px; border-top-right-radius: 10px; } .dropdown-menu-rounded .menu-header-image, .dropdown-menu-rounded .dropdown-menu-header-inner { border-top-left-radius: 10px; border-top-right-radius: 10px; } .dropdown-menu-hover-link .dropdown-item:hover { background: none; color: #3f6ad8; } .dropdown-menu-hover-primary .dropdown-item:hover { background: #3f6ad8; color: #fff; } /*.dropdown-menu.dropdown-menu-lg { min-width: 22rem; }*/ .dropdown-menu.dropdown-menu-xl { min-width: 25rem; } .dropdown-menu .dropdown-menu-header, .dropdown-menu .menu-header-image, .dropdown-menu .dropdown-menu-header-inner { border-top-left-radius: .25rem; border-top-right-radius: .25rem; } .dropdown-menu-header { color: #fff; margin-top: -.65rem; position: relative; z-index: 6; } .dropdown-menu-header .dropdown-menu-header-inner { margin:-1px -1px 5px -1px; padding: .5rem .5rem; position: relative; } .dropdown-menu-header .menu-header-image { position: absolute; left: 0; top: 0; height: 100%; width: 100%; z-index: 8; opacity: .25; filter: grayscale(80%); background-size: cover; } .dropdown-menu-header .menu-header-content { text-align: center; position: relative; z-index: 10; } .dropdown-menu-header .menu-header-content.text-left { padding-left: .5rem; } .dropdown-menu-header .menu-header-content.btn-pane-right { padding-left: .5rem; padding-right: .5rem; display: flex; align-content: center; align-items: center; text-align: left; } .dropdown-menu-header .menu-header-content.btn-pane-right .menu-header-btn-pane { margin: 0 0 0 auto; } .dropdown-menu-header .menu-header-content .menu-header-btn-pane { margin-top: 10px; margin-bottom: 3px; } .dropdown-menu-header + .grid-menu { margin-top: -.65rem; } .menu-header-title { font-weight: 500; font-size: 1.25rem; margin: 0; } .menu-header-subtitle { font-size: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; margin: 5px 0 0; opacity: .8; } .dropdown-menu .grid-menu { margin-bottom: -.65rem; padding: 1px; } .dropdown-menu .grid-menu [class*="col-"] { padding: .65rem; } .dropdown-menu .grid-menu-xl { margin-bottom: -.48148rem; } .dropdown-menu .grid-menu-xl [class*="col-"] { padding: 0; } .dropdown-toggle::after { position: relative; top: 2px; opacity: .8; margin-left: 5px; } .dropdown-toggle-split::after { margin-left: 0; } .dropright .dropdown-toggle::after { top: 0; } .dropdown-toggle-split { border-left: rgba(255, 255, 255, 0.1) solid 2px; } .dropdown-mega-menu { width: 56rem; padding: 1rem; } .dropdown-mega-menu .nav-item.nav-item-header { text-transform: none; font-size: 1rem; padding-top: 0; font-weight: normal; } .dropdown-mega-menu .grid-menu { margin-bottom: 0; } .dropdown-mega-menu-sm { width: 40rem; } body .dropdown-menu.dropdown-menu-inline { border: 0; position: static !important; box-shadow: 0 0 0 transparent; background: transparent; border-radius: 0; display: inline-block; float: none; left: 0 !important; top: 0 !important; width: 100% !important; transform: translateY(0) !important; } body .dropdown-menu.dropdown-menu-inline::before, body .dropdown-menu.dropdown-menu-inline::after { display: none; } .nav-item .nav-link { font-weight: normal; font-size: 12px; } .nav-link { display: flex; align-items: center; transition: background-color 0.3s ease, color 0.3s ease; cursor: pointer; } .nav-link .nav-link-icon { color: #3f6ad8; font-size: 1rem; width: 30px; text-align: center; opacity: .45; margin-left: -10px; } .nav-link:hover { color: #495057; } .nav-link:hover .nav-link-icon { opacity: .9; color: #3f6ad8; } .nav-link:disabled .nav-link-icon, .nav-link.disabled .nav-link-icon { opacity: .3; } .nav-item.nav-item-header { text-transform: uppercase; font-size: .73333rem; color: #6c757d; font-weight: bold; padding: .5rem 1rem; } .nav-item.nav-item-btn { padding: .5rem 1rem; } .nav-item.nav-item-divider { margin: .5rem 0; height: 1px; overflow: hidden; background: #dee2e6; } .nav .badge { margin-left: 8px; } .nav-pills .nav-link.active, .nav-pills .nav-link.active:hover { color: #fff; } .nav-pills .nav-link.active .nav-link-icon, .nav-pills .nav-link.active:hover .nav-link-icon { color: #fff; opacity: .8; } .nav-pills .nav-link:hover { color: #495057 !important; } .nav-justified .nav-link .nav-text { display: block; width: 100%; text-align: center; } .grid-menu [class*="col-"] { border-right: #dee2e6 solid 0; border-bottom: #dee2e6 solid 1px; } .grid-menu [class*="col-"]:hover { z-index: 5; } @media (min-width: 576px) { .grid-menu [class*="col-"]:nth-last-child(-n+2) { border-bottom-width: 0; } .grid-menu [class*="col-"]:nth-child(1n) { border-right-width: 1px; } .grid-menu [class*="col-"]:nth-child(2n) { border-right-width: 0; } } .grid-menu [class*="col-"]:nth-last-child(-n+1) { border-bottom-width: 0; } @media (min-width: 1200px) { .grid-menu.grid-menu-3col [class*="col-"]:nth-last-child(-n+3) { border-bottom-width: 0; } .grid-menu.grid-menu-3col [class*="col-"]:nth-child(2n) { border-right-width: 1px; } .grid-menu.grid-menu-3col [class*="col-"]:nth-child(3n) { border-right-width: 0; } } .grid-menu .btn { display: block; border: 0; min-width: 100%; } .badge-primary { color: #fff; background-color: #3f6ad8; } a.badge-primary:hover, a.badge-primary:focus { color: #fff; background-color: #2651be; } .badge-secondary { color: #fff; background-color: #6c757d; } a.badge-secondary:hover, a.badge-secondary:focus { color: #fff; background-color: #545b62; } .badge-success { color: #fff; background-color: #3ac47d; } a.badge-success:hover, a.badge-success:focus { color: #fff; background-color: #2e9d64; } .badge-info { color: #fff; background-color: #16aaff; } a.badge-info:hover, a.badge-info:focus { color: #fff; background-color: #0090e2; } .badge-warning { color: #212529; background-color: #f7b924; } a.badge-warning:hover, a.badge-warning:focus { color: #212529; background-color: #e0a008; } .badge-danger { color: #fff; background-color: #FF4961; } a.badge-danger:hover, a.badge-danger:focus { color: #fff; background-color: #ad1e40; } .badge-light { color: #212529; background-color: #eee; } a.badge-light:hover, a.badge-light:focus { color: #212529; background-color: #d5d5d5; } .badge-dark { color: #fff; background-color: #343a40; } a.badge-dark:hover, a.badge-dark:focus { color: #fff; background-color: #1d2124; } .badge-focus { color: #fff; background-color: #444054; } a.badge-focus:hover, a.badge-focus:focus { color: #fff; background-color: #2d2a37; } .badge-alternate { color: #fff; background-color: #794c8a; } a.badge-alternate:hover, a.badge-alternate:focus { color: #fff; background-color: #5c3a69; } .badge { font-weight: bold; text-transform: uppercase; padding: 5px 10px; min-width: 19px; } .badge-light { background: #fff; } .badge-dot { text-indent: -999em; padding: 0; width: 8px; height: 8px; border: transparent solid 1px; border-radius: 30px; min-width: 2px; } .badge-dot-lg { width: 10px; height: 10px; } .badge-dot-xl { width: 18px; height: 18px; position: relative; } .badge-dot-xl::before { content: ''; width: 10px; height: 10px; border-radius: .25rem; position: absolute; left: 50%; top: 50%; margin: -5px 0 0 -5px; background: #fff; } .badge-dot-sm { width: 6px; height: 6px; } .btn .badge { margin-left: 8px; } .btn .badge-dot { position: absolute; border: #fff solid 2px; top: -5px; right: -5px; width: 11px; height: 11px; } .btn .badge-dot.badge-dot-lg { width: 14px; height: 14px; } .btn .badge-dot.badge-dot-sm { width: 8px; height: 8px; border-width: 1px; } .btn .badge-dot-inside { top: 10px; right: 10px; } .btn-sm .badge-dot-sm, .btn-group-sm > .btn .badge-dot-sm { top: 1px; right: 4px; } .btn-sm .badge-dot, .btn-group-sm > .btn .badge-dot { top: 0px; right: 2px; } .btn-sm .badge-dot-lg, .btn-group-sm > .btn .badge-dot-lg { top: -3px; right: -2px; } .btn-sm .badge-pill, .btn-group-sm > .btn .badge-pill { position: absolute; top: -4px; right: -4px; } .badge-abs { position: absolute; right: -3px; top: -3px; } .avatar-icon-wrapper { display: inline-block; margin-right: .1rem; position: relative; } .avatar-icon-wrapper .badge { position: absolute; right: -2px; top: -2px; } .avatar-icon-wrapper .badge:empty { display: block; } .avatar-icon-wrapper .badge.badge-bottom { top: auto; right: -2px; bottom: -2px; } .avatar-icon-wrapper .badge-dot { width: 10px; height: 10px; border: #fff solid 2px; } .avatar-icon-wrapper .badge-dot.badge-dot-lg { width: 14px; height: 14px; border: #fff solid 2px; top: 0; right: 0; } .avatar-icon-wrapper .badge-dot.badge-dot-lg.badge-bottom { top: auto; right: 0; bottom: 0; } .avatar-icon-add .avatar-icon { background: #e0f3ff; border: #7f9be5 dashed 1px; color: #3f6ad8; text-align: center; opacity: .6; } .avatar-icon-add .avatar-icon i { font-style: normal; vertical-align: middle; font-size: 1.5rem; display: block; height: 100%; } .avatar-icon-add:hover { cursor: pointer; } .avatar-icon-add:hover .avatar-icon { opacity: 1; } a.avatar-icon-wrapper:hover .avatar-icon { opacity: .8; } .avatar-icon { display: block; width: 44px; height: 44px; transition: all .2s; opacity: 1; border-radius: 50px; } .avatar-icon.rounded { border-radius: .39rem !important; } .avatar-icon-xl .avatar-icon { width: 64px; height: 64px; } .avatar-icon-xl.avatar-icon-add i { font-size: 2rem; } .avatar-icon-lg .avatar-icon { width: 54px; height: 54px; } .avatar-icon-lg.avatar-icon-add i { font-size: 1.75rem; } .avatar-icon-sm .avatar-icon { width: 34px; height: 34px; } .avatar-icon-sm.avatar-icon-add i { font-size: 1.1rem; } .avatar-icon-xs .avatar-icon { width: 26px; height: 26px; transition: transform .2s; } .avatar-icon-xs.avatar-icon-add i { line-height: 26px; font-size: .88rem; } .avatar-icon-xs:hover .avatar-icon { transform: scale(2); } .avatar-icon { border: #fff solid 3px; overflow: hidden; } .avatar-icon img { width: 100%; height: 100%; } .avatar-wrapper-overlap .avatar-icon-wrapper { z-index: 5; margin-left: -18px; } .avatar-wrapper-overlap .avatar-icon-wrapper:hover { z-index: 7; } .avatar-wrapper-overlap .avatar-icon-wrapper.avatar-icon-xl { margin-left: -30px; } .avatar-wrapper-overlap .avatar-icon-wrapper.avatar-icon-lg { margin-left: -24px; } .avatar-wrapper-overlap .avatar-icon-wrapper.avatar-icon-sm { margin-left: -14px; } .avatar-wrapper-overlap .avatar-icon-wrapper.avatar-icon-xs { margin-left: -10px; } .avatar-wrapper-overlap .avatar-icon-wrapper.avatar-icon-add, .avatar-wrapper-overlap .avatar-icon-wrapper:first-child { margin-left: 0 !important; } @-webkit-keyframes sploosh { 0% { box-shadow: 0 0 0 0px rgba(51, 51, 51, 0.2); } 100% { box-shadow: 0 0 0 8px rgba(51, 51, 51, 0); } } @-webkit-keyframes pulse { 0% { -webkit-transform: scale(1); } 16.5% { -webkit-transform: scale(1.2); } 33% { -webkit-transform: scale(1.1); } 100% { -webkit-transform: scale(1); } } .badge-pulse { -webkit-animation: pulse 2s ease-out; -webkit-animation-iteration-count: infinite; position: relative; } .badge-pulse::before, .badge-pulse::after { content: ''; position: absolute; top: 0; left: 0; border: 0; width: 100%; height: 100%; border-radius: 50%; -webkit-animation: sploosh 2s cubic-bezier(0.165, 0.84, 0.44, 1); -webkit-animation-iteration-count: infinite; } .badge-pulse::after { -webkit-animation-delay: .33s; -webkit-animation-duration: 2.2s; } .card { box-shadow: 0 0.46875rem 2.1875rem rgba(4, 9, 20, 0.03), 0 0.9375rem 1.40625rem rgba(4, 9, 20, 0.03), 0 0.25rem 0.53125rem rgba(4, 9, 20, 0.05), 0 0.125rem 0.1875rem rgba(4, 9, 20, 0.03); border-width: 0; transition: all .2s; } .card > .dropdown-menu-header { margin: 0; } .card > .dropdown-menu-header .dropdown-menu-header-inner { border-top-left-radius: .25rem; border-top-right-radius: .25rem; } .card.text-dark.text-white .card-footer, .card.text-dark.text-white .card-header, .card.text-white .card-footer, .card.text-white .card-header { background: rgba(255, 255, 255, 0.1); color: rgba(255, 255, 255, 0.9); } .card.text-dark.text-white .card-footer, .card.text-dark.text-white .card-header { color: rgba(0, 0, 0, 0.9); } .card .card-footer { display: flex; align-items: center; } .btn-actions-pane-right { margin-left: auto; white-space: nowrap; } .btn-actions-pane-right a { text-transform: none; } .btn-actions-pane-left { margin-right: auto; } .actions-icon-btn .btn-icon-only { padding-left: 0; padding-right: 0; color: #495057; } .actions-icon-btn .btn-icon-only .btn-icon-wrapper { font-size: 1.3rem; width: 30px; text-align: center; } .actions-icon-btn .btn-icon-only:hover { color: #3f6ad8; } .card-header, .card-title { text-transform: uppercase; color: rgba(13, 27, 62, 0.7); font-weight: bold; font-size: .88rem; } .card-header { display: flex; align-items: center; border-bottom-width: 1px; padding-top: 0; padding-bottom: 0; /*padding-right: .625rem;*/ height: 3.5rem; } .card-header.no-border { border: 0; padding: 0; height: auto; } .card-header .menu-header-subtitle { display: block; } .card-header.card-header-tab .nav { width: auto; margin-left: auto; } .card-header.card-header-tab .card-header-title { display: flex; align-items: center; white-space: nowrap; } .card-header .header-icon { font-size: 1.65rem; margin-right: .625rem; } .card-header > .nav { margin-left: -.625rem; height: 100%; width: 100%; } .card-header > .nav .nav-item { position: relative; height: 100%; display: flex; align-items: center; } .card-header > .nav .nav-link { text-transform: none; width: 100%; display: block; color: #495057; } .card-header > .nav .nav-link::before { content: ''; border-radius: 15px; background: #3f6ad8; transition: all .2s; height: 4px; width: 100%; position: absolute; left: 0; bottom: -2px; opacity: 0; } .card-header > .nav .nav-link:hover { color: #3f6ad8; } .card-header > .nav .nav-link.active { color: #3f6ad8; } .card-header > .nav .nav-link.active::before { opacity: 1; } .card-header.card-header-tab-animation .nav .nav-link::before { transform: scale(0); opacity: 1; width: 90%; left: 5%; } .card-header.card-header-tab-animation .nav .nav-link.active::before, .card-header.card-header-tab-animation .nav .nav-link:hover::before { transform: scale(1); } .card-border { box-shadow: 0 0 0 transparent; border-width: 1px; } .card-hover-shadow:hover { box-shadow: 0 0.46875rem 2.1875rem rgba(4, 9, 20, 0.03), 0 0.9375rem 1.40625rem rgba(4, 9, 20, 0.03), 0 0.25rem 0.53125rem rgba(4, 9, 20, 0.05), 0 0.125rem 0.1875rem rgba(4, 9, 20, 0.03); } .card-hover-shadow-2x:hover { box-shadow: 0 0.66875rem 2.3875rem rgba(4, 9, 20, 0.03), 0 1.1375rem 1.60625rem rgba(4, 9, 20, 0.03), 0 0.45rem 0.73125rem rgba(4, 9, 20, 0.05), 0 0.325rem 0.3875rem rgba(4, 9, 20, 0.03); } .card-subtitle { margin-bottom: .75rem; font-size: .968rem; color: rgba(13, 27, 62, 0.55); } .card-shadow-primary { box-shadow: 0 0.46875rem 2.1875rem rgba(63, 106, 216, 0.03), 0 0.9375rem 1.40625rem rgba(63, 106, 216, 0.03), 0 0.25rem 0.53125rem rgba(63, 106, 216, 0.05), 0 0.125rem 0.1875rem rgba(63, 106, 216, 0.03); } .card-shadow-secondary { box-shadow: 0 0.46875rem 2.1875rem rgba(108, 117, 125, 0.03), 0 0.9375rem 1.40625rem rgba(108, 117, 125, 0.03), 0 0.25rem 0.53125rem rgba(108, 117, 125, 0.05), 0 0.125rem 0.1875rem rgba(108, 117, 125, 0.03); } .card-shadow-success { box-shadow: 0 0.46875rem 2.1875rem rgba(58, 196, 125, 0.03), 0 0.9375rem 1.40625rem rgba(58, 196, 125, 0.03), 0 0.25rem 0.53125rem rgba(58, 196, 125, 0.05), 0 0.125rem 0.1875rem rgba(58, 196, 125, 0.03); } .card-shadow-info { box-shadow: 0 0.46875rem 2.1875rem rgba(22, 170, 255, 0.03), 0 0.9375rem 1.40625rem rgba(22, 170, 255, 0.03), 0 0.25rem 0.53125rem rgba(22, 170, 255, 0.05), 0 0.125rem 0.1875rem rgba(22, 170, 255, 0.03); } .card-shadow-warning { box-shadow: 0 0.46875rem 2.1875rem rgba(247, 185, 36, 0.03), 0 0.9375rem 1.40625rem rgba(247, 185, 36, 0.03), 0 0.25rem 0.53125rem rgba(247, 185, 36, 0.05), 0 0.125rem 0.1875rem rgba(247, 185, 36, 0.03); } .card-shadow-danger { box-shadow: 0 0.46875rem 2.1875rem rgba(217, 37, 80, 0.03), 0 0.9375rem 1.40625rem rgba(217, 37, 80, 0.03), 0 0.25rem 0.53125rem rgba(217, 37, 80, 0.05), 0 0.125rem 0.1875rem rgba(217, 37, 80, 0.03); } .card-shadow-light { box-shadow: 0 0.46875rem 2.1875rem rgba(238, 238, 238, 0.03), 0 0.9375rem 1.40625rem rgba(238, 238, 238, 0.03), 0 0.25rem 0.53125rem rgba(238, 238, 238, 0.05), 0 0.125rem 0.1875rem rgba(238, 238, 238, 0.03); } .card-shadow-dark { box-shadow: 0 0.46875rem 2.1875rem rgba(52, 58, 64, 0.03), 0 0.9375rem 1.40625rem rgba(52, 58, 64, 0.03), 0 0.25rem 0.53125rem rgba(52, 58, 64, 0.05), 0 0.125rem 0.1875rem rgba(52, 58, 64, 0.03); } .card-shadow-focus { box-shadow: 0 0.46875rem 2.1875rem rgba(68, 64, 84, 0.03), 0 0.9375rem 1.40625rem rgba(68, 64, 84, 0.03), 0 0.25rem 0.53125rem rgba(68, 64, 84, 0.05), 0 0.125rem 0.1875rem rgba(68, 64, 84, 0.03); } .card-shadow-alternate { box-shadow: 0 0.46875rem 2.1875rem rgba(121, 76, 138, 0.03), 0 0.9375rem 1.40625rem rgba(121, 76, 138, 0.03), 0 0.25rem 0.53125rem rgba(121, 76, 138, 0.05), 0 0.125rem 0.1875rem rgba(121, 76, 138, 0.03); } .card-header-lg { padding: 1.5rem 2.5rem; height: auto; } .sticky-active-class .sticky-inner-wrapper > div { box-shadow: 0 0.46875rem 2.1875rem rgba(4, 9, 20, 0.03), 0 0.9375rem 1.40625rem rgba(4, 9, 20, 0.03), 0 0.25rem 0.53125rem rgba(4, 9, 20, 0.05), 0 0.125rem 0.1875rem rgba(4, 9, 20, 0.03); } /*.nav-pills, .nav-tabs { margin-bottom: 1rem; }*/ .nav-link { font-weight: bold; } .nav-link:hover { cursor: pointer; } .nav-tabs .nav-link.active { color: #3f6ad8; } .nav-pills .nav-link:hover { color: #3f6ad8 !important; } .nav-pills .nav-link.active { background: #3f6ad8; } .nav-pills .nav-link.active:hover { color: #616879 !important; } .popover .RRT__panel, .dropdown-menu .RRT__panel { margin: 0; padding: 0; position: relative; } .popover .RRT__panel::after, .popover .RRT__panel::before, .dropdown-menu .RRT__panel::after, .dropdown-menu .RRT__panel::before { width: 100%; bottom: auto; top: 0; left: 0; height: 20px; position: absolute; z-index: 10; content: ''; background: linear-gradient(to bottom, #fff 20%, rgba(255, 255, 255, 0) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#00ffffff', GradientType=0); } .popover .RRT__panel::after, .dropdown-menu .RRT__panel::after { bottom: 0; top: auto; background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #fff 80%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=0); } .tabs-lg-alternate.card-header { padding: 0; height: auto; } .tabs-lg-alternate.card-header .widget-number { font-size: 2rem; font-weight: 300; } .tabs-lg-alternate.card-header .tab-subheading { padding: 5px 0 0; opacity: .6; transition: all .2s; } .tabs-lg-alternate.card-header > .nav { margin: 0; } .tabs-lg-alternate.card-header > .nav .nav-link { padding: 1.5rem 0; border-right: #e9ecef solid 1px; background: #f8f9fa; } .tabs-lg-alternate.card-header > .nav .nav-link:hover { background: #fff; } .tabs-lg-alternate.card-header > .nav .nav-link:hover .tab-subheading { color: #000; opacity: .9; } .tabs-lg-alternate.card-header > .nav .nav-link::before { background: #fff; border-radius: 0; } .tabs-lg-alternate.card-header > .nav .nav-link.active { background: #fff; } .tabs-lg-alternate.card-header > .nav .nav-link.active .tab-subheading { color: #000; opacity: .9; } .tabs-lg-alternate.card-header > .nav .nav-item:last-child .nav-link { border-right: 0; } .tabs-animated .nav-link { position: relative; padding: 1rem; margin: 0 .75rem 0 0; color: #495057; } .tabs-animated .nav-link::before { transform: scale(0); opacity: 1; width: 100%; left: 0; bottom: -2px; content: ""; position: absolute; display: block; border-radius: .25rem; background: #3f6ad8; transition: all .2s; height: 4px; } .tabs-animated .nav-link.active, .tabs-animated .nav-link:hover { color: #3f6ad8; } .tabs-animated .nav-link.active::before, .tabs-animated .nav-link:hover::before { transform: scale(1); } .tabs-animated-shadow .nav-link { padding: .5rem .75rem; margin-bottom: .75rem; } .tabs-animated-shadow .nav-link span { position: relative; z-index: 5; display: inline-block; width: 100%; } .tabs-animated-shadow .nav-link::before { height: 100%; top: 0; z-index: 4; bottom: auto; box-shadow: 0 16px 26px -10px rgba(63, 106, 216, 0.56), 0 4px 25px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(63, 106, 216, 0.2); border-radius: 100%; opacity: .5; } .tabs-animated-shadow .nav-link.active, .tabs-animated-shadow .nav-link:hover { color: #fff; } .tabs-animated-shadow .nav-link.active::before, .tabs-animated-shadow .nav-link:hover::before { border-radius: .25rem; opacity: 1; } .tabs-animated-shadow .nav-item:last-child .nav-link { margin-right: 0; } .tabs-animated-shadow.tabs-shadow-bordered { border-bottom: rgba(26, 54, 126, 0.125) solid 1px; } .tabs-animated-shadow.tabs-shadow-bordered .nav-link { margin-bottom: 0; } .body-tabs-shadow .body-tabs-animated { padding: .75rem 0; } .body-tabs-shadow .body-tabs-animated .nav-link span { position: relative; z-index: 5; } .body-tabs-shadow .body-tabs-animated .nav-link::before { height: 70%; top: 15%; z-index: 4; bottom: auto; box-shadow: 0 16px 26px -10px rgba(63, 106, 216, 0.56), 0 4px 25px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(63, 106, 216, 0.2); border-radius: 100%; opacity: .5; } .body-tabs-shadow .body-tabs-animated .nav-link.active, .body-tabs-shadow .body-tabs-animated .nav-link:hover { color: #fff; } .body-tabs-shadow .body-tabs-animated .nav-link.active::before, .body-tabs-shadow .body-tabs-animated .nav-link:hover::before { border-radius: .25rem; opacity: 1; } .body-tabs-line .body-tabs-layout { margin: 0 -30px; padding: 0 30px; margin-bottom: 30px; border-bottom: #dee2e6 solid 1px; } .tabs-rounded-lg { border-radius: 120px; background: #fff; padding: .75rem; margin-bottom: 1.5rem; } .tabs-rounded-lg .nav-link { margin-bottom: 0; font-size: 1.1rem; padding: .75rem .5rem; } .tabs-rounded-lg .nav-link::before { border-radius: 120px !important; box-shadow: 0 0 0 0 transparent; } .accordion-wrapper { border-radius: .25rem; border: #e9ecef solid 1px; } .accordion-wrapper > .card { box-shadow: 0 0 0 0 transparent; } .accordion-wrapper > .card > .card-header { padding: 1rem; height: auto; } .accordion-wrapper > .card > .card-header .btn:active, .accordion-wrapper > .card > .card-header .btn:focus, .accordion-wrapper > .card > .card-header .btn:hover { text-decoration: none; } .accordion-wrapper > .card > .card-header .form-heading p { margin: 0; } .accordion-wrapper > .card .collapse { border-bottom: transparent solid 1px; } .accordion-wrapper > .card .collapse.show { border-bottom-color: #e9ecef; } .modal-header, .modal-footer { background: #f8f9fa; } .modal-footer { border-bottom-right-radius: .25rem; border-bottom-left-radius: .25rem; } .modal-dialog { box-shadow: 0 0.76875rem 2.4875rem rgba(52, 58, 64, 0.3), 0 1.3375rem 1.70625rem rgba(52, 58, 64, 0.3), 0 0.55rem 0.53125rem rgba(0, 0, 0, 0.05), 0 0.225rem 0.4375rem rgba(52, 58, 64, 0.3); border-radius: .25rem; } @keyframes scale { 0% { transform: scale(1); opacity: 1; } 45% { transform: scale(0.1); opacity: 0.7; } 80% { transform: scale(1); opacity: 1; } } .ball-pulse > div:nth-child(0) { animation: scale 0.75s -.36s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08); } .ball-pulse > div:nth-child(1) { animation: scale 0.75s -.24s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08); } .ball-pulse > div:nth-child(2) { animation: scale 0.75s -.12s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08); } .ball-pulse > div:nth-child(3) { animation: scale 0.75s 0s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08); } .ball-pulse > div { background-color: #3f6ad8; width: 15px; height: 15px; border-radius: 100%; margin: 2px; animation-fill-mode: both; display: inline-block; } @keyframes ball-pulse-sync { 33% { transform: translateY(10px); } 66% { transform: translateY(-10px); } 100% { transform: translateY(0); } } .ball-pulse-sync > div:nth-child(0) { animation: ball-pulse-sync 0.6s -.21s infinite ease-in-out; } .ball-pulse-sync > div:nth-child(1) { animation: ball-pulse-sync 0.6s -.14s infinite ease-in-out; } .ball-pulse-sync > div:nth-child(2) { animation: ball-pulse-sync 0.6s -.07s infinite ease-in-out; } .ball-pulse-sync > div:nth-child(3) { animation: ball-pulse-sync 0.6s 0s infinite ease-in-out; } .ball-pulse-sync > div { background-color: #3f6ad8; width: 15px; height: 15px; border-radius: 100%; margin: 2px; animation-fill-mode: both; display: inline-block; } @keyframes ball-scale { 0% { transform: scale(0); } 100% { transform: scale(1); opacity: 0; } } .ball-scale > div { background-color: #3f6ad8; width: 15px; height: 15px; border-radius: 100%; margin: 2px; animation-fill-mode: both; display: inline-block; height: 60px; width: 60px; animation: ball-scale 1s 0s ease-in-out infinite; } @keyframes rotate { 0% { transform: rotate(0deg); } 50% { transform: rotate(180deg); } 100% { transform: rotate(360deg); } } .ball-rotate { position: relative; } .ball-rotate > div { background-color: #3f6ad8; width: 15px; height: 15px; border-radius: 100%; margin: 2px; animation-fill-mode: both; position: relative; } .ball-rotate > div:first-child { animation: rotate 1s 0s cubic-bezier(0.7, -0.13, 0.22, 0.86) infinite; } .ball-rotate > div:before, .ball-rotate > div:after { background-color: #3f6ad8; width: 15px; height: 15px; border-radius: 100%; margin: 2px; content: ""; position: absolute; opacity: 0.8; } .ball-rotate > div:before { top: 0px; left: -28px; } .ball-rotate > div:after { top: 0px; left: 25px; } @keyframes rotate { 0% { transform: rotate(0deg) scale(1); } 50% { transform: rotate(180deg) scale(0.6); } 100% { transform: rotate(360deg) scale(1); } } .ball-clip-rotate > div { background-color: #3f6ad8; width: 15px; height: 15px; border-radius: 100%; margin: 2px; animation-fill-mode: both; border: 2px solid #3f6ad8; border-bottom-color: transparent; height: 25px; width: 25px; background: transparent !important; display: inline-block; animation: rotate 0.75s 0s linear infinite; } @keyframes rotate { 0% { transform: rotate(0deg) scale(1); } 50% { transform: rotate(180deg) scale(0.6); } 100% { transform: rotate(360deg) scale(1); } } @keyframes scale { 30% { transform: scale(0.3); } 100% { transform: scale(1); } } .ball-clip-rotate-pulse { position: relative; transform: translateY(-15px); } .ball-clip-rotate-pulse > div { animation-fill-mode: both; position: absolute; top: 0px; left: 0px; border-radius: 100%; } .ball-clip-rotate-pulse > div:first-child { background: #3f6ad8; height: 16px; width: 16px; top: 7px; left: -7px; animation: scale 1s 0s cubic-bezier(0.09, 0.57, 0.49, 0.9) infinite; } .ball-clip-rotate-pulse > div:last-child { position: absolute; border: 2px solid #3f6ad8; width: 30px; height: 30px; left: -16px; top: -2px; background: transparent; border: 2px solid; border-color: #3f6ad8 transparent #3f6ad8 transparent; animation: rotate 1s 0s cubic-bezier(0.09, 0.57, 0.49, 0.9) infinite; animation-duration: 1s; } @keyframes rotate { 0% { transform: rotate(0deg) scale(1); } 50% { transform: rotate(180deg) scale(0.6); } 100% { transform: rotate(360deg) scale(1); } } .ball-clip-rotate-multiple { position: relative; } .ball-clip-rotate-multiple > div { animation-fill-mode: both; position: absolute; left: -20px; top: -20px; border: 2px solid #3f6ad8; border-bottom-color: transparent; border-top-color: transparent; border-radius: 100%; height: 35px; width: 35px; animation: rotate 1s 0s ease-in-out infinite; } .ball-clip-rotate-multiple > div:last-child { display: inline-block; top: -10px; left: -10px; width: 15px; height: 15px; animation-duration: 0.5s; border-color: #3f6ad8 transparent #3f6ad8 transparent; animation-direction: reverse; } @keyframes ball-scale-ripple { 0% { transform: scale(0.1); opacity: 1; } 70% { transform: scale(1); opacity: 0.7; } 100% { opacity: 0.0; } } .ball-scale-ripple > div { animation-fill-mode: both; height: 50px; width: 50px; border-radius: 100%; border: 2px solid #3f6ad8; animation: ball-scale-ripple 1s 0s infinite cubic-bezier(0.21, 0.53, 0.56, 0.8); } @keyframes ball-scale-ripple-multiple { 0% { transform: scale(0.1); opacity: 1; } 70% { transform: scale(1); opacity: 0.7; } 100% { opacity: 0.0; } } .ball-scale-ripple-multiple { position: relative; transform: translateY(-25px); } .ball-scale-ripple-multiple > div:nth-child(0) { animation-delay: -.8s; } .ball-scale-ripple-multiple > div:nth-child(1) { animation-delay: -.6s; } .ball-scale-ripple-multiple > div:nth-child(2) { animation-delay: -.4s; } .ball-scale-ripple-multiple > div:nth-child(3) { animation-delay: -.2s; } .ball-scale-ripple-multiple > div { animation-fill-mode: both; position: absolute; top: -2px; left: -26px; width: 50px; height: 50px; border-radius: 100%; border: 2px solid #3f6ad8; animation: ball-scale-ripple-multiple 1.25s 0s infinite cubic-bezier(0.21, 0.53, 0.56, 0.8); } @keyframes ball-beat { 50% { opacity: 0.2; transform: scale(0.75); } 100% { opacity: 1; transform: scale(1); } } .ball-beat > div { background-color: #3f6ad8; width: 15px; height: 15px; border-radius: 100%; margin: 2px; animation-fill-mode: both; display: inline-block; animation: ball-beat 0.7s 0s infinite linear; } .ball-beat > div:nth-child(2n-1) { animation-delay: -0.35s !important; } @keyframes ball-scale-multiple { 0% { transform: scale(0); opacity: 0; } 5% { opacity: 1; } 100% { transform: scale(1); opacity: 0; } } .ball-scale-multiple { position: relative; transform: translateY(-30px); } .ball-scale-multiple > div:nth-child(2) { animation-delay: -.4s; } .ball-scale-multiple > div:nth-child(3) { animation-delay: -.2s; } .ball-scale-multiple > div { background-color: #3f6ad8; width: 15px; height: 15px; border-radius: 100%; margin: 2px; animation-fill-mode: both; position: absolute; left: -30px; top: 0px; opacity: 0; margin: 0; width: 60px; height: 60px; animation: ball-scale-multiple 1s 0s linear infinite; } @keyframes ball-triangle-path-1 { 33% { transform: translate(25px, -50px); } 66% { transform: translate(50px, 0px); } 100% { transform: translate(0px, 0px); } } @keyframes ball-triangle-path-2 { 33% { transform: translate(25px, 50px); } 66% { transform: translate(-25px, 50px); } 100% { transform: translate(0px, 0px); } } @keyframes ball-triangle-path-3 { 33% { transform: translate(-50px, 0px); } 66% { transform: translate(-25px, -50px); } 100% { transform: translate(0px, 0px); } } .ball-triangle-path { position: relative; transform: translate(-29.994px, -37.50938px); } .ball-triangle-path > div:nth-child(1) { animation-name: ball-triangle-path-1; animation-delay: 0; animation-duration: 2s; animation-timing-function: ease-in-out; animation-iteration-count: infinite; } .ball-triangle-path > div:nth-child(2) { animation-name: ball-triangle-path-2; animation-delay: 0; animation-duration: 2s; animation-timing-function: ease-in-out; animation-iteration-count: infinite; } .ball-triangle-path > div:nth-child(3) { animation-name: ball-triangle-path-3; animation-delay: 0; animation-duration: 2s; animation-timing-function: ease-in-out; animation-iteration-count: infinite; } .ball-triangle-path > div { animation-fill-mode: both; position: absolute; width: 10px; height: 10px; border-radius: 100%; border: 1px solid #3f6ad8; } .ball-triangle-path > div:nth-of-type(1) { top: 50px; } .ball-triangle-path > div:nth-of-type(2) { left: 25px; } .ball-triangle-path > div:nth-of-type(3) { top: 50px; left: 50px; } @keyframes ball-pulse-rise-even { 0% { transform: scale(1.1); } 25% { transform: translateY(-30px); } 50% { transform: scale(0.4); } 75% { transform: translateY(30px); } 100% { transform: translateY(0); transform: scale(1); } } @keyframes ball-pulse-rise-odd { 0% { transform: scale(0.4); } 25% { transform: translateY(30px); } 50% { transform: scale(1.1); } 75% { transform: translateY(-30px); } 100% { transform: translateY(0); transform: scale(0.75); } } .ball-pulse-rise > div { background-color: #3f6ad8; width: 15px; height: 15px; border-radius: 100%; margin: 2px; animation-fill-mode: both; display: inline-block; animation-duration: 1s; animation-timing-function: cubic-bezier(0.15, 0.46, 0.9, 0.6); animation-iteration-count: infinite; animation-delay: 0; } .ball-pulse-rise > div:nth-child(2n) { animation-name: ball-pulse-rise-even; } .ball-pulse-rise > div:nth-child(2n-1) { animation-name: ball-pulse-rise-odd; } @keyframes ball-grid-beat { 50% { opacity: 0.7; } 100% { opacity: 1; } } .ball-grid-beat { width: 57px; } .ball-grid-beat > div:nth-child(1) { animation-delay: .27s; animation-duration: .61s; } .ball-grid-beat > div:nth-child(2) { animation-delay: .48s; animation-duration: .81s; } .ball-grid-beat > div:nth-child(3) { animation-delay: .57s; animation-duration: .84s; } .ball-grid-beat > div:nth-child(4) { animation-delay: .36s; animation-duration: 1.17s; } .ball-grid-beat > div:nth-child(5) { animation-delay: .39s; animation-duration: .73s; } .ball-grid-beat > div:nth-child(6) { animation-delay: .41s; animation-duration: .8s; } .ball-grid-beat > div:nth-child(7) { animation-delay: .07s; animation-duration: .71s; } .ball-grid-beat > div:nth-child(8) { animation-delay: .44s; animation-duration: .99s; } .ball-grid-beat > div:nth-child(9) { animation-delay: -.1s; animation-duration: 1.09s; } .ball-grid-beat > div { background-color: #3f6ad8; width: 15px; height: 15px; border-radius: 100%; margin: 2px; animation-fill-mode: both; display: inline-block; float: left; animation-name: ball-grid-beat; animation-iteration-count: infinite; animation-delay: 0; } @keyframes ball-grid-pulse { 0% { transform: scale(1); } 50% { transform: scale(0.5); opacity: 0.7; } 100% { transform: scale(1); opacity: 1; } } .ball-grid-pulse { width: 57px; } .ball-grid-pulse > div:nth-child(1) { animation-delay: .75s; animation-duration: .7s; } .ball-grid-pulse > div:nth-child(2) { animation-delay: -.01s; animation-duration: 1.09s; } .ball-grid-pulse > div:nth-child(3) { animation-delay: -.13s; animation-duration: 1.28s; } .ball-grid-pulse > div:nth-child(4) { animation-delay: -.17s; animation-duration: .88s; } .ball-grid-pulse > div:nth-child(5) { animation-delay: .72s; animation-duration: 1.46s; } .ball-grid-pulse > div:nth-child(6) { animation-delay: .72s; animation-duration: .95s; } .ball-grid-pulse > div:nth-child(7) { animation-delay: .34s; animation-duration: 1.13s; } .ball-grid-pulse > div:nth-child(8) { animation-delay: -.04s; animation-duration: 1.5s; } .ball-grid-pulse > div:nth-child(9) { animation-delay: .49s; animation-duration: 1.52s; } .ball-grid-pulse > div { background-color: #3f6ad8; width: 15px; height: 15px; border-radius: 100%; margin: 2px; animation-fill-mode: both; display: inline-block; float: left; animation-name: ball-grid-pulse; animation-iteration-count: infinite; animation-delay: 0; } @keyframes ball-spin-fade-loader { 50% { opacity: 0.3; transform: scale(0.4); } 100% { opacity: 1; transform: scale(1); } } .ball-spin-fade-loader { position: relative; top: -10px; left: -10px; } .ball-spin-fade-loader > div:nth-child(1) { top: 25px; left: 0; animation: ball-spin-fade-loader 1s -.96s infinite linear; } .ball-spin-fade-loader > div:nth-child(2) { top: 17.04545px; left: 17.04545px; animation: ball-spin-fade-loader 1s -.84s infinite linear; } .ball-spin-fade-loader > div:nth-child(3) { top: 0; left: 25px; animation: ball-spin-fade-loader 1s -.72s infinite linear; } .ball-spin-fade-loader > div:nth-child(4) { top: -17.04545px; left: 17.04545px; animation: ball-spin-fade-loader 1s -.6s infinite linear; } .ball-spin-fade-loader > div:nth-child(5) { top: -25px; left: 0; animation: ball-spin-fade-loader 1s -.48s infinite linear; } .ball-spin-fade-loader > div:nth-child(6) { top: -17.04545px; left: -17.04545px; animation: ball-spin-fade-loader 1s -.36s infinite linear; } .ball-spin-fade-loader > div:nth-child(7) { top: 0; left: -25px; animation: ball-spin-fade-loader 1s -.24s infinite linear; } .ball-spin-fade-loader > div:nth-child(8) { top: 17.04545px; left: -17.04545px; animation: ball-spin-fade-loader 1s -.12s infinite linear; } .ball-spin-fade-loader > div { background-color: #3f6ad8; width: 15px; height: 15px; border-radius: 100%; margin: 2px; animation-fill-mode: both; position: absolute; } @keyframes ball-spin-loader { 75% { opacity: 0.2; } 100% { opacity: 1; } } .ball-spin-loader { position: relative; } .ball-spin-loader > span:nth-child(1) { top: 45px; left: 0; animation: ball-spin-loader 2s .9s infinite linear; } .ball-spin-loader > span:nth-child(2) { top: 30.68182px; left: 30.68182px; animation: ball-spin-loader 2s 1.8s infinite linear; } .ball-spin-loader > span:nth-child(3) { top: 0; left: 45px; animation: ball-spin-loader 2s 2.7s infinite linear; } .ball-spin-loader > span:nth-child(4) { top: -30.68182px; left: 30.68182px; animation: ball-spin-loader 2s 3.6s infinite linear; } .ball-spin-loader > span:nth-child(5) { top: -45px; left: 0; animation: ball-spin-loader 2s 4.5s infinite linear; } .ball-spin-loader > span:nth-child(6) { top: -30.68182px; left: -30.68182px; animation: ball-spin-loader 2s 5.4s infinite linear; } .ball-spin-loader > span:nth-child(7) { top: 0; left: -45px; animation: ball-spin-loader 2s 6.3s infinite linear; } .ball-spin-loader > span:nth-child(8) { top: 30.68182px; left: -30.68182px; animation: ball-spin-loader 2s 7.2s infinite linear; } .ball-spin-loader > div { animation-fill-mode: both; position: absolute; width: 15px; height: 15px; border-radius: 100%; background: green; } @keyframes ball-zig { 33% { transform: translate(-15px, -30px); } 66% { transform: translate(15px, -30px); } 100% { transform: translate(0, 0); } } @keyframes ball-zag { 33% { transform: translate(15px, 30px); } 66% { transform: translate(-15px, 30px); } 100% { transform: translate(0, 0); } } .ball-zig-zag { position: relative; transform: translate(-15px, -15px); } .ball-zig-zag > div { background-color: #3f6ad8; width: 15px; height: 15px; border-radius: 100%; margin: 2px; animation-fill-mode: both; position: absolute; margin-left: 15px; top: 4px; left: -7px; } .ball-zig-zag > div:first-child { animation: ball-zig 0.7s 0s infinite linear; } .ball-zig-zag > div:last-child { animation: ball-zag 0.7s 0s infinite linear; } @keyframes ball-zig-deflect { 17% { transform: translate(-15px, -30px); } 34% { transform: translate(15px, -30px); } 50% { transform: translate(0, 0); } 67% { transform: translate(15px, -30px); } 84% { transform: translate(-15px, -30px); } 100% { transform: translate(0, 0); } } @keyframes ball-zag-deflect { 17% { transform: translate(15px, 30px); } 34% { transform: translate(-15px, 30px); } 50% { transform: translate(0, 0); } 67% { transform: translate(-15px, 30px); } 84% { transform: translate(15px, 30px); } 100% { transform: translate(0, 0); } } .ball-zig-zag-deflect { position: relative; transform: translate(-15px, -15px); } .ball-zig-zag-deflect > div { background-color: #3f6ad8; width: 15px; height: 15px; border-radius: 100%; margin: 2px; animation-fill-mode: both; position: absolute; margin-left: 15px; top: 4px; left: -7px; } .ball-zig-zag-deflect > div:first-child { animation: ball-zig-deflect 1.5s 0s infinite linear; } .ball-zig-zag-deflect > div:last-child { animation: ball-zag-deflect 1.5s 0s infinite linear; } @keyframes line-scale { 0% { transform: scaley(1); } 50% { transform: scaley(0.4); } 100% { transform: scaley(1); } } .line-scale > div:nth-child(1) { animation: line-scale 1s -.4s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08); } .line-scale > div:nth-child(2) { animation: line-scale 1s -.3s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08); } .line-scale > div:nth-child(3) { animation: line-scale 1s -.2s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08); } .line-scale > div:nth-child(4) { animation: line-scale 1s -.1s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08); } .line-scale > div:nth-child(5) { animation: line-scale 1s 0s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08); } .line-scale > div { background-color: #3f6ad8; width: 4px; height: 35px; border-radius: 2px; margin: 2px; animation-fill-mode: both; display: inline-block; } @keyframes line-scale-party { 0% { transform: scale(1); } 50% { transform: scale(.5); } 100% { transform: scale(1); } } .line-scale-party > div:nth-child(1) { animation-delay: .16s; animation-duration: 1.09s; } .line-scale-party > div:nth-child(2) { animation-delay: .24s; animation-duration: .66s; } .line-scale-party > div:nth-child(3) { animation-delay: .79s; animation-duration: .89s; } .line-scale-party > div:nth-child(4) { animation-delay: .32s; animation-duration: 1.05s; } .line-scale-party > div { background-color: #3f6ad8; width: 4px; height: 35px; border-radius: 2px; margin: 2px; animation-fill-mode: both; display: inline-block; animation-name: line-scale-party; animation-iteration-count: infinite; animation-delay: 0; } @keyframes line-scale-pulse-out { 0% { transform: scaley(1); } 50% { transform: scaley(0.4); } 100% { transform: scaley(1); } } .line-scale-pulse-out > div { background-color: #3f6ad8; width: 4px; height: 35px; border-radius: 2px; margin: 2px; animation-fill-mode: both; display: inline-block; animation: line-scale-pulse-out 0.9s -.6s infinite cubic-bezier(0.85, 0.25, 0.37, 0.85); } .line-scale-pulse-out > div:nth-child(2), .line-scale-pulse-out > div:nth-child(4) { animation-delay: -.4s !important; } .line-scale-pulse-out > div:nth-child(1), .line-scale-pulse-out > div:nth-child(5) { animation-delay: -.2s !important; } @keyframes line-scale-pulse-out-rapid { 0% { transform: scaley(1); } 80% { transform: scaley(0.3); } 90% { transform: scaley(1); } } .line-scale-pulse-out-rapid > div { background-color: #3f6ad8; width: 4px; height: 35px; border-radius: 2px; margin: 2px; animation-fill-mode: both; display: inline-block; vertical-align: middle; animation: line-scale-pulse-out-rapid 0.9s -0.5s infinite cubic-bezier(0.11, 0.49, 0.38, 0.78); } .line-scale-pulse-out-rapid > div:nth-child(2), .line-scale-pulse-out-rapid > div:nth-child(4) { animation-delay: -0.25s !important; } .line-scale-pulse-out-rapid > div:nth-child(1), .line-scale-pulse-out-rapid > div:nth-child(5) { animation-delay: 0s !important; } @keyframes line-spin-fade-loader { 50% { opacity: 0.3; } 100% { opacity: 1; } } .line-spin-fade-loader { position: relative; top: -10px; left: -4px; } .line-spin-fade-loader > div:nth-child(1) { top: 20px; left: 0; animation: line-spin-fade-loader 1.2s -.84s infinite ease-in-out; } .line-spin-fade-loader > div:nth-child(2) { top: 13.63636px; left: 13.63636px; transform: rotate(-45deg); animation: line-spin-fade-loader 1.2s -.72s infinite ease-in-out; } .line-spin-fade-loader > div:nth-child(3) { top: 0; left: 20px; transform: rotate(90deg); animation: line-spin-fade-loader 1.2s -.6s infinite ease-in-out; } .line-spin-fade-loader > div:nth-child(4) { top: -13.63636px; left: 13.63636px; transform: rotate(45deg); animation: line-spin-fade-loader 1.2s -.48s infinite ease-in-out; } .line-spin-fade-loader > div:nth-child(5) { top: -20px; left: 0; animation: line-spin-fade-loader 1.2s -.36s infinite ease-in-out; } .line-spin-fade-loader > div:nth-child(6) { top: -13.63636px; left: -13.63636px; transform: rotate(-45deg); animation: line-spin-fade-loader 1.2s -.24s infinite ease-in-out; } .line-spin-fade-loader > div:nth-child(7) { top: 0; left: -20px; transform: rotate(90deg); animation: line-spin-fade-loader 1.2s -.12s infinite ease-in-out; } .line-spin-fade-loader > div:nth-child(8) { top: 13.63636px; left: -13.63636px; transform: rotate(45deg); animation: line-spin-fade-loader 1.2s 0s infinite ease-in-out; } .line-spin-fade-loader > div { background-color: #3f6ad8; width: 4px; height: 35px; border-radius: 2px; margin: 2px; animation-fill-mode: both; position: absolute; width: 5px; height: 15px; } @keyframes triangle-skew-spin { 25% { transform: perspective(100px) rotateX(180deg) rotateY(0); } 50% { transform: perspective(100px) rotateX(180deg) rotateY(180deg); } 75% { transform: perspective(100px) rotateX(0) rotateY(180deg); } 100% { transform: perspective(100px) rotateX(0) rotateY(0); } } .triangle-skew-spin > div { animation-fill-mode: both; width: 0; height: 0; border-left: 20px solid transparent; border-right: 20px solid transparent; border-bottom: 20px solid #3f6ad8; animation: triangle-skew-spin 3s 0s cubic-bezier(0.09, 0.57, 0.49, 0.9) infinite; } @keyframes square-spin { 25% { transform: perspective(100px) rotateX(180deg) rotateY(0); } 50% { transform: perspective(100px) rotateX(180deg) rotateY(180deg); } 75% { transform: perspective(100px) rotateX(0) rotateY(180deg); } 100% { transform: perspective(100px) rotateX(0) rotateY(0); } } .square-spin > div { animation-fill-mode: both; width: 50px; height: 50px; background: #3f6ad8; animation: square-spin 3s 0s cubic-bezier(0.09, 0.57, 0.49, 0.9) infinite; } @keyframes rotate_pacman_half_up { 0% { transform: rotate(270deg); } 50% { transform: rotate(360deg); } 100% { transform: rotate(270deg); } } @keyframes rotate_pacman_half_down { 0% { transform: rotate(90deg); } 50% { transform: rotate(0deg); } 100% { transform: rotate(90deg); } } @keyframes pacman-balls { 75% { opacity: 0.7; } 100% { transform: translate(-100px, -6.25px); } } .pacman { position: relative; } .pacman > div:nth-child(2) { animation: pacman-balls 1s -.99s infinite linear; } .pacman > div:nth-child(3) { animation: pacman-balls 1s -.66s infinite linear; } .pacman > div:nth-child(4) { animation: pacman-balls 1s -.33s infinite linear; } .pacman > div:nth-child(5) { animation: pacman-balls 1s 0s infinite linear; } .pacman > div:first-of-type { width: 0px; height: 0px; border-right: 25px solid transparent; border-top: 25px solid #3f6ad8; border-left: 25px solid #3f6ad8; border-bottom: 25px solid #3f6ad8; border-radius: 25px; animation: rotate_pacman_half_up 0.5s 0s infinite; position: relative; left: -30px; } .pacman > div:nth-child(2) { width: 0px; height: 0px; border-right: 25px solid transparent; border-top: 25px solid #3f6ad8; border-left: 25px solid #3f6ad8; border-bottom: 25px solid #3f6ad8; border-radius: 25px; animation: rotate_pacman_half_down 0.5s 0s infinite; margin-top: -50px; position: relative; left: -30px; } .pacman > div:nth-child(3), .pacman > div:nth-child(4), .pacman > div:nth-child(5), .pacman > div:nth-child(6) { background-color: #3f6ad8; width: 15px; height: 15px; border-radius: 100%; margin: 2px; width: 10px; height: 10px; position: absolute; transform: translate(0, -6.25px); top: 25px; left: 70px; } @keyframes cube-transition { 25% { transform: translateX(50px) scale(0.5) rotate(-90deg); } 50% { transform: translate(50px, 50px) rotate(-180deg); } 75% { transform: translateY(50px) scale(0.5) rotate(-270deg); } 100% { transform: rotate(-360deg); } } .cube-transition { position: relative; transform: translate(-25px, -25px); } .cube-transition > div { animation-fill-mode: both; width: 10px; height: 10px; position: absolute; top: -5px; left: -5px; background-color: #3f6ad8; animation: cube-transition 1.6s 0s infinite ease-in-out; } .cube-transition > div:last-child { animation-delay: -0.8s; } @keyframes spin-rotate { 0% { transform: rotate(0deg); } 50% { transform: rotate(180deg); } 100% { transform: rotate(360deg); } } .semi-circle-spin { position: relative; width: 35px; height: 35px; overflow: hidden; } .semi-circle-spin > div { position: absolute; border-width: 0px; border-radius: 100%; animation: spin-rotate 0.6s 0s infinite linear; background-image: linear-gradient(transparent 0%, transparent 70%, #3f6ad8 30%, #3f6ad8 100%); width: 100%; height: 100%; } .blockOverlay { display: block !important; opacity: .6; z-index: 55; } .blockElement { display: flex; align-content: center; align-items: center; z-index: 66; height: 100%; width: 100%; } .blockPage { left: 50%; top: 50%; z-index: 66; } .blockPage .d-none { display: block !important; } .blockPage .loader { background: #fff; border-radius: .25rem; box-shadow: 0 0.46875rem 2.1875rem rgba(4, 9, 20, 0.03), 0 0.9375rem 1.40625rem rgba(4, 9, 20, 0.03), 0 0.25rem 0.53125rem rgba(4, 9, 20, 0.05), 0 0.125rem 0.1875rem rgba(4, 9, 20, 0.03); padding: 1.5rem; } .blockPage .ball-grid-pulse { min-height: 57px; } .progress .progress-bar:last-child { border-top-right-radius: .25rem; border-bottom-right-radius: .25rem; } .progress.progress-bar-sm { height: .5rem; } .progress.progress-bar-xs { height: .3rem; } .progress.progress-bar-rounded { border-radius: 30px; } .progress-bar-animated-alt.progress-bar, .progress-bar-animated-alt .progress-bar { position: relative; } .progress-bar-animated-alt.progress-bar::after, .progress-bar-animated-alt .progress-bar::after { content: ''; opacity: 0; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: #fff; animation: progress-active 2s ease infinite; } @keyframes progress-active { 0% { opacity: .4; width: 0; } 100% { opacity: 0; width: 100%; } } .vertical-timeline { width: 100%; position: relative; padding: 1.5rem 0 1rem; } .vertical-timeline::after { content: ''; display: table; clear: both; } .vertical-timeline::before { content: ''; position: absolute; top: 0; left: 67px; height: 100%; width: 4px; background: #e9ecef; border-radius: .25rem; } .vertical-timeline-element { position: relative; margin: 0 0 1rem; } .vertical-timeline-element:after { content: ""; display: table; clear: both; } .vertical-timeline-element:last-child { margin-bottom: 0; } .vertical-timeline-element-content { position: relative; margin-left: 90px; font-size: .8rem; } .vertical-timeline-element-content:after { content: ""; display: table; clear: both; } .vertical-timeline-element-content .timeline-title { font-size: .8rem; text-transform: uppercase; margin: 0 0 .5rem; padding: 2px 0 0; font-weight: bold; } .vertical-timeline-element-content p { color: #6c757d; margin: 0 0 .5rem; } .vertical-timeline-element-content .vertical-timeline-element-date { display: block; position: absolute; left: -90px; top: 0; padding-right: 10px; text-align: right; color: #adb5bd; font-size: .7619rem; white-space: nowrap; } .vertical-timeline-element-icon { position: absolute; top: 0; left: 60px; } .vertical-timeline-element-icon .badge-dot-xl { box-shadow: 0 0 0 5px #fff; } .vertical-timeline-element--no-children .vertical-timeline-element-content { background: 0 0; box-shadow: none; } .vertical-timeline-element--no-children .vertical-timeline-element-content::before { display: none; } .vertical-without-time::before { left: 11px; } .vertical-without-time .vertical-timeline-element-content { margin-left: 36px; } .vertical-without-time .vertical-timeline-element-icon { left: 4px; } .vertical-time-icons { padding: 2rem 0 0; } .vertical-time-icons::before { content: ''; position: absolute; top: 0; left: 14px; height: 100%; width: 6px; background: #e9ecef; border-radius: .25rem; } .vertical-time-icons .vertical-timeline-element { margin-bottom: 1rem; } .vertical-time-icons .vertical-timeline-element-content { margin-left: 50px; } .vertical-time-icons .vertical-timeline-element-icon { width: 34px; height: 34px; left: 0; top: -7px; } .vertical-time-icons .vertical-timeline-element-icon .timeline-icon { width: 34px; height: 34px; background: #fff; border-radius: 50px; border-width: 2px; border-style: solid; box-shadow: 0 0 0 5px #fff; text-align: center; display: flex; align-items: center; align-content: center; } .vertical-time-icons .vertical-timeline-element-icon .timeline-icon i { display: block; font-size: 1.1rem; margin: 0 auto; } .vertical-time-icons .vertical-timeline-element-icon .timeline-icon svg { margin: 0 auto; } .vertical-time-simple { padding: .5rem 0; } .vertical-time-simple .vertical-timeline-element { margin: 0 0 .5rem; } .vertical-time-simple .timeline-title { font-weight: normal; font-size: .91667rem; padding: 0; } .vertical-time-simple .vertical-timeline-element-icon { height: 14px; width: 14px; background: #e9ecef; position: absolute; left: 6px; top: 2px; display: block; border-radius: 20px; } .vertical-time-simple .vertical-timeline-element-icon::after { content: ''; position: absolute; background: #fff; left: 50%; top: 50%; margin: -4px 0 0 -4px; display: block; width: 8px; height: 8px; border-radius: 20px; } .vertical-time-simple .timeline-title { text-transform: none; } .dot-primary .vertical-timeline-element-icon { background: #3f6ad8; } .dot-secondary .vertical-timeline-element-icon { background: #6c757d; } .dot-success .vertical-timeline-element-icon { background: #3ac47d; } .dot-info .vertical-timeline-element-icon { background: #16aaff; } .dot-warning .vertical-timeline-element-icon { background: #f7b924; } .dot-danger .vertical-timeline-element-icon { background: #FF4961; } .dot-light .vertical-timeline-element-icon { background: #eee; } .dot-dark .vertical-timeline-element-icon { background: #343a40; } .dot-focus .vertical-timeline-element-icon { background: #444054; } .dot-alternate .vertical-timeline-element-icon { background: #794c8a; } .vertical-timeline--animate .vertical-timeline-element-icon.is-hidden { visibility: hidden; } .vertical-timeline--animate .vertical-timeline-element-icon.bounce-in { visibility: visible; animation: cd-bounce-1 .8s; } @-webkit-keyframes cd-bounce-1 { 0% { opacity: 0; -webkit-transform: scale(0.5); } 60% { opacity: 1; -webkit-transform: scale(1.2); } 100% { -webkit-transform: scale(1); } } @-moz-keyframes cd-bounce-1 { 0% { opacity: 0; -moz-transform: scale(0.5); } 60% { opacity: 1; -moz-transform: scale(1.2); } 100% { -moz-transform: scale(1); } } @keyframes cd-bounce-1 { 0% { opacity: 0; -webkit-transform: scale(0.5); -moz-transform: scale(0.5); -ms-transform: scale(0.5); -o-transform: scale(0.5); transform: scale(0.5); } 60% { opacity: 1; -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2); } 100% { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } } .vertical-timeline--animate .vertical-timeline-element-content.is-hidden { visibility: hidden; } .vertical-timeline--animate .vertical-timeline-element-content.bounce-in { visibility: visible; -webkit-animation: cd-bounce-2 .6s; -moz-animation: cd-bounce-2 .6s; animation: cd-bounce-2 .6s; } @media only screen and (min-width: 1170px) { .vertical-timeline--two-columns.vertical-timeline--animate .vertical-timeline-element.vertical-timeline-element--right .vertical-timeline-element-content.bounce-in, .vertical-timeline--two-columns.vertical-timeline--animate .vertical-timeline-element:nth-child(even):not(.vertical-timeline-element--left) .vertical-timeline-element-content.bounce-in { -webkit-animation: cd-bounce-2-inverse .6s; -moz-animation: cd-bounce-2-inverse .6s; animation: cd-bounce-2-inverse .6s; } } @media only screen and (max-width: 1169px) { .vertical-timeline--animate .vertical-timeline-element-content.bounce-in { visibility: visible; -webkit-animation: cd-bounce-2-inverse .6s; -moz-animation: cd-bounce-2-inverse .6s; animation: cd-bounce-2-inverse .6s; } } @-webkit-keyframes cd-bounce-2 { 0% { opacity: 0; -webkit-transform: translateX(-100px); } 60% { opacity: 1; -webkit-transform: translateX(20px); } 100% { -webkit-transform: translateX(0); } } @-moz-keyframes cd-bounce-2 { 0% { opacity: 0; -moz-transform: translateX(-100px); } 60% { opacity: 1; -moz-transform: translateX(20px); } 100% { -moz-transform: translateX(0); } } @keyframes cd-bounce-2 { 0% { opacity: 0; -webkit-transform: translateX(-100px); -moz-transform: translateX(-100px); -ms-transform: translateX(-100px); -o-transform: translateX(-100px); transform: translateX(-100px); } 60% { opacity: 1; -webkit-transform: translateX(20px); -moz-transform: translateX(20px); -ms-transform: translateX(20px); -o-transform: translateX(20px); transform: translateX(20px); } 100% { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } } @-webkit-keyframes cd-bounce-2-inverse { 0% { opacity: 0; -webkit-transform: translateX(100px); } 60% { opacity: 1; -webkit-transform: translateX(-20px); } 100% { -webkit-transform: translateX(0); } } @-moz-keyframes cd-bounce-2-inverse { 0% { opacity: 0; -moz-transform: translateX(100px); } 60% { opacity: 1; -moz-transform: translateX(-20px); } 100% { -moz-transform: translateX(0); } } @keyframes cd-bounce-2-inverse { 0% { opacity: 0; -webkit-transform: translateX(100px); -moz-transform: translateX(100px); -ms-transform: translateX(100px); -o-transform: translateX(100px); transform: translateX(100px); } 60% { opacity: 1; -webkit-transform: translateX(-20px); -moz-transform: translateX(-20px); -ms-transform: translateX(-20px); -o-transform: translateX(-20px); transform: translateX(-20px); } 100% { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } } .todo-list-wrapper .todo-indicator { position: absolute; width: 4px; height: 60%; border-radius: .3rem; left: .625rem; top: 20%; opacity: .6; transition: opacity .2s; } .todo-list-wrapper .list-group-item:hover .todo-indicator { opacity: .9; } .todo-list-wrapper .custom-control, .todo-list-wrapper input[checkbox] { margin-left: .625rem; } .list-group-flush + .card-footer { border-top: 0; } .rm-list-borders .list-group-item { border: 0; padding: .5rem 0; } .rm-list-borders-scroll .list-group-item { border: 0; padding-right: 1.125rem; } .input-group .input-group-prepend div:not([class]) .react-datepicker__input-container .form-control, .input-group .input-group-prepend + div .react-datepicker__input-container .form-control { border-top-left-radius: 0; border-bottom-left-radius: 0; border-top-right-radius: .25rem !important; border-bottom-right-radius: .25rem !important; } .input-group > div:not([class]) { position: relative; flex: 1 1 auto; width: 1%; } .input-group > div:not([class]) .react-datepicker__input-container .form-control { border-top-right-radius: 0; border-bottom-right-radius: 0; } .input-group .input-group-prepend + div { position: relative; flex: 1 1 auto; width: 1%; } .input-group > .react-datepicker-wrapper { position: relative; flex: 1 1 auto; width: 1%; } .input-group > .react-datepicker-wrapper > .react-datepicker__input-container > .form-control { border-top-right-radius: 0; border-bottom-right-radius: 0; } legend { font-size: .88rem; font-weight: bold; } .form-heading { font-size: 1.1rem; margin: 0; color: #3f6ad8; } .form-heading p { color: #6c757d; padding: 0.3rem 0 0; font-size: .88rem; } .custom-select { -webkit-appearance: none; -moz-appearance: none; } .pagination li a { position: relative; display: block; padding: .5rem .75rem; margin-left: -1px; line-height: 1.25; color: #007bff; background-color: #fff; border: 1px solid #dee2e6; } .pagination li a:hover { z-index: 2; color: #0056b3; text-decoration: none; background-color: #e9ecef; border-color: #dee2e6; } .pagination li a:focus { z-index: 2; outline: 0; box-shadow: none; } .pagination li a:not(:disabled):not(.disabled) { cursor: pointer; } .pagination li:first-child a { margin-left: 0; border-top-left-radius: .25rem; border-bottom-left-radius: .25rem; } .pagination li:last-child a { border-top-right-radius: .25rem; border-bottom-right-radius: .25rem; } .pagination li.active a { z-index: 1; color: #fff; background-color: #3f6ad8; border-color: #007bff; } .pagination li.active a:hover { color: #fff; } .pagination li.disabled a { color: #6c757d; pointer-events: none; cursor: auto; background-color: #fff; border-color: #dee2e6; } .pagination-rounded li a { border-radius: 50px !important; margin: 0 .3rem; } .chat-box-wrapper { display: flex; clear: both; padding: .75rem; } .chat-box-wrapper + .chat-box-wrapper { padding-top: 0; } .chat-box-wrapper .chat-box { box-shadow: 0 0 0 transparent; position: relative; opacity: 1; background: #e0f3ff; border: 0; padding: .75rem 1.5rem; border-radius: 30px; border-top-left-radius: .25rem; flex: 1; display: flex; max-width: 50%; min-width: 100%; text-align: left; } .chat-box-wrapper .chat-box + small { text-align: left; padding: .5rem 0 0; margin-left: 1.5rem; display: block; } .chat-box-wrapper.chat-box-wrapper-right { text-align: right; } .chat-box-wrapper.chat-box-wrapper-right .chat-box { border-radius: 30px; border-top-left-radius: 30px; border-top-right-radius: .25rem; margin-left: auto; } .chat-box-wrapper.chat-box-wrapper-right .chat-box + small { text-align: right; margin-right: 1.5rem; margin-left: 0; } .forms-wizard { margin: 0; padding: 0; list-style-type: none; width: 100%; display: table; table-layout: fixed; border-radius: .25rem; border: 0; } .forms-wizard li { display: table-cell; vertical-align: middle; text-align: center; cursor: pointer; font-size: 1rem; padding: 1rem 0; color: #adb5bd; position: relative; } .forms-wizard li .nav-link { display: block; padding: 0; color: #adb5bd; } .forms-wizard li .nav-link:focus, .forms-wizard li .nav-link:active, .forms-wizard li .nav-link:hover { border-color: transparent; color: #495057 !important; } .forms-wizard li::after, .forms-wizard li::before { position: absolute; height: 4px; top: 50%; margin-top: -1rem; width: 50%; content: ''; background: #dee2e6; z-index: 5; transition: all .2s; } .forms-wizard li::after { left: 50%; } .forms-wizard li::before { left: 0; } .forms-wizard li:first-child::before { border-top-left-radius: 20px; border-bottom-left-radius: 20px; } .forms-wizard li:last-child::after { border-top-right-radius: 20px; border-bottom-right-radius: 20px; } .forms-wizard li em { font-style: normal; font-size: 1.5rem; background: #ced4da; color: #fff; text-align: center; padding: 0; width: 40px; height: 40px; line-height: 40px; border-radius: 50px; display: block; margin: 0 auto 0.5rem; position: relative; z-index: 7; transition: all .2s; } .forms-wizard li.active .nav-link { color: #495057; } .forms-wizard li.active em { background: #3f6ad8; color: #fff; } .forms-wizard li.active::after, .forms-wizard li.active::before { background: #3f6ad8; } .forms-wizard li.done em { font-family: 'Linearicons-Free'; background: #3ac47d; overflow: hidden; } .forms-wizard li.done em::before { width: 42px; height: 42px; font-size: 1.2rem; line-height: 40px; text-align: center; display: block; } .forms-wizard li.done::after, .forms-wizard li.done::before { background: #3ac47d; } .forms-wizard li.done:hover { color: #495057 !important; } .forms-wizard li:hover { color: #6c757d; } .forms-wizard-alt .forms-wizard li { font-size: .88rem; } .forms-wizard-alt .forms-wizard li em { width: 14px; height: 14px; line-height: 14px; text-indent: -999rem; border: #fff solid 2px; } .forms-wizard-vertical .forms-wizard { display: block; width: 30%; float: left; padding: 0 1.5rem 1.5rem 0; } .forms-wizard-vertical .forms-wizard li { display: block; margin: 0; padding: 0; } .forms-wizard-vertical .forms-wizard li::before, .forms-wizard-vertical .forms-wizard li::after { display: none; } .forms-wizard-vertical .forms-wizard li a { text-align: left; display: flex; align-items: center; align-content: flex-start; padding: .75rem; margin-bottom: .5rem; border-radius: .3rem; transition: all .2s; } .forms-wizard-vertical .forms-wizard li a em { margin: 0 .75rem 0 0; } .forms-wizard-vertical .forms-wizard li a:active, .forms-wizard-vertical .forms-wizard li a:focus, .forms-wizard-vertical .forms-wizard li a:hover { background: #e9ecef; color: #495057 !important; } .forms-wizard-vertical .forms-wizard li.active a { background: #3f6ad8; color: #fff; } .forms-wizard-vertical .forms-wizard li.active a:active, .forms-wizard-vertical .forms-wizard li.active a:focus, .forms-wizard-vertical .forms-wizard li.active a:hover { color: #fff !important; } .forms-wizard-vertical .forms-wizard li.active a em { background: rgba(255, 255, 255, 0.2); } .forms-wizard-vertical .form-wizard-content { width: 70%; overflow: auto; } .icon-wrapper { display: flex; align-content: center; align-items: center; } .widget-chart { text-align: center; padding: 1rem; position: relative; } .widget-chart .progress-sub-label { opacity: .8; padding: 5px 0 0; } .widget-chart .progress-circle-wrapper { min-width: 68px; margin-right: 1rem; } .widget-chart .progress-circle-wrapper .react-sweet-progress-symbol { font-size: .8rem; } .widget-chart .widget-chart-content { position: relative; z-index: 5; } .widget-chart .widget-chart-content-lg { padding: 2rem 0 1rem 2rem; } .widget-chart .widget-chart-content-lg .widget-numbers { margin-bottom: 0; } .widget-chart .widget-chart-wrapper { position: absolute; bottom: 0; left: 0; width: 100%; opacity: .25; z-index: 4; border-bottom-right-radius: .25rem; border-bottom-left-radius: .25rem; overflow: hidden; } .widget-chart .widget-numbers { font-weight: bold; font-size: 2.5rem; display: block; line-height: 1; margin: 1rem auto; } .widget-chart .widget-numbers + .widget-chart-flex, .widget-chart .widget-numbers + .widget-description, .widget-chart .widget-numbers + .widget-subheading { margin-top: -.5rem; } .widget-chart .widget-subheading { margin: -0.5rem 0 0; display: block; opacity: .6; } .widget-chart .widget-subheading:first-child { margin-top: 0; } .widget-chart .widget-subheading + .widget-numbers { margin-top: .5rem; } .widget-chart .widget-description { margin: 1rem 0 0; } .widget-chart.widget-chart-hover { transition: all .2s; } .widget-chart.widget-chart-hover:hover { z-index: 15; transform: scale(1.15); box-shadow: 0 0.46875rem 4.1875rem rgba(4, 9, 20, 0.05), 0 0.9375rem 2.40625rem rgba(4, 9, 20, 0.05), 0 0.25rem 1.3125rem rgba(4, 9, 20, 0.06), 0 0.125rem 1.1875rem rgba(4, 9, 20, 0.06); cursor: pointer; background: #fff; } .widget-chart .widget-chart-actions { position: absolute; right: .5rem; top: .5rem; z-index: 12; } .widget-chart .widget-chart-actions .btn-link { font-size: 1.1rem; padding-top: 0; padding-bottom: 0; opacity: .6; } .widget-chart .widget-progress-wrapper { margin-top: 1rem; } .widget-chart .widget-progress-wrapper.progress-wrapper-bottom { position: absolute; left: 0; bottom: 0; width: 100%; } .widget-chart .widget-progress-wrapper.progress-wrapper-bottom .progress { margin: 0 -1px -1px; } .widget-chart .widget-progress-wrapper.progress-wrapper-bottom .progress { border-top-left-radius: 0; border-top-right-radius: 0; border-bottom-right-radius: .25rem; border-bottom-left-radius: .25rem; } .widget-chart .widget-progress-wrapper.progress-wrapper-bottom .progress .progress-bar { border-bottom-left-radius: .25rem; } .widget-chart .widget-chart-flex { display: flex; align-items: center; align-content: center; margin-bottom: 1rem; } .widget-chart .widget-chart-flex:last-child { margin-bottom: 0; } .widget-chart .widget-chart-flex .widget-subheading { margin: 0; } .widget-chart .widget-chart-flex .widget-description { margin-top: 0; } .widget-chart.text-left { flex-direction: row; align-items: center; } .widget-chart.text-left .icon-wrapper { min-width: 54px; margin: 0 1rem 0 0; } .widget-chart.text-left .widget-numbers { margin-left: 0; } .widget-chart.text-left .widget-chart-content { display: flex; flex-direction: column; align-content: center; flex: 1; position: relative; } .widget-chart.text-left .widget-chart-content > .widget-numbers:first-child { margin-top: 0; } .widget-chart.text-left .widget-chart-content .widget-description { align-self: flex-start; } .widget-chart.text-left .widget-chart-wrapper { height: 35%; } .widget-chart.widget-chart-left { padding-bottom: 15%; } .widget-chart .chart-wrapper-relative { position: relative; opacity: 1; margin-top: 1rem; } .widget-chart-actions { position: absolute; right: 1rem; top: 1rem; z-index: 12; } .widget-chart-actions .btn-link { font-size: 1.1rem; padding-top: 0; padding-bottom: 0; opacity: .6; } .widget-chart:hover .widget-chart-actions .btn-link, .widget-content:hover .widget-chart-actions .btn-link { opacity: 1; } .grid-menu .widget-chart.widget-chart-hover:hover { background: #fff; border-radius: .25rem; } .icon-wrapper { width: 54px; height: 54px; margin: 0 auto; position: relative; overflow: hidden; } .icon-wrapper[class*="border-"] { border-width: 1px; border-style: solid; } .icon-wrapper .icon-wrapper-bg { position: absolute; height: 100%; width: 100%; z-index: 3; opacity: .2; } .icon-wrapper .icon-wrapper-bg.bg-light { opacity: .08; } .icon-wrapper i { margin: 0 auto; font-size: 1.7rem; position: relative; z-index: 5; } .icon-wrapper i:before { margin-top: -3px; } .icon-wrapper .progress-circle-wrapper { width: 100%; margin-right: 0; } .widget-chart2 .widget-chart-flex { display: flex; align-items: baseline; align-content: center; margin-bottom: 0; } .widget-chart2 .widget-chart-flex .widget-subtitle { margin-left: auto; } .widget-chart2 .widget-chart-flex .widget-numbers { font-weight: normal; } .widget-chart2 .widget-chart-flex + .widget-chart-flex .widget-numbers { margin-bottom: 0; } .widget-chart2 .widget-chat-wrapper-outer { display: flex; flex: 1; flex-direction: column; max-width: 100%; } .widget-chart2 .widget-chat-wrapper-outer .widget-chart-wrapper { height: 70px; opacity: .8; position: relative; margin: 1rem auto -.5rem; } .widget-chart2 .widget-chat-wrapper-outer .widget-chart-wrapper-lg { height: 130px; } .widget-chart2 .widget-chat-wrapper-outer .widget-chart-wrapper-xlg { height: 160px; } .card-btm-border { border-bottom: transparent solid 4px; } .progress-box { text-align: center; } .progress-box h4 { font-size: .88rem; font-weight: bold; opacity: .6; text-transform: uppercase; padding-bottom: .33333rem; } .progress-box svg { margin: 0 auto; } .svg-bg { position: absolute; width: 100%; height: 100%; opacity: .1; } .svg-bg svg { width: 100%; height: 100%; position: absolute; left: 0; top: 0; } .widget-numbers-sm { font-size: 1.5rem; } .widget-content { padding: 1rem; flex-direction: row; align-items: center; } .widget-content .widget-content-wrapper { display: flex; flex: 1; position: relative; align-items: center; } .widget-content .widget-content-left .widget-subheading { opacity: .5; } .widget-content .widget-content-right { margin-left: auto; } .widget-content-right .badge-pill { cursor: pointer; box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.2); } .widget-content .widget-numbers { font-weight: bold; font-size: 1.8rem; display: block; } .widget-content .widget-content-outer { display: flex; flex: 1; flex-direction: column; } .widget-content .widget-progress-wrapper { margin-top: 1rem; } .widget-content .widget-progress-wrapper .progress-sub-label { margin-top: .33333rem; opacity: .5; display: flex; align-content: center; align-items: center; } .widget-content .widget-progress-wrapper .progress-sub-label .sub-label-right { margin-left: auto; } .widget-content .widget-content-right.widget-content-actions { visibility: hidden; opacity: 0; transition: opacity .2s; } .widget-content:hover .widget-content-right.widget-content-actions { visibility: visible; opacity: 1; } .profile-block { position: relative; overflow: hidden; } .profile-block .profile-blur { width: 100%; height: 100%; filter: blur(5px); transform: scale(1.8); position: absolute; left: -25%; top: -25%; } .profile-block .profile-inner { position: absolute; width: 100%; height: 100%; opacity: .5; left: 0; top: 0; } .profile-block .dropdown-menu-header .menu-header-content { padding: 3rem; } .profile-block .dropdown-menu-header .menu-header-content .menu-header-title { margin: .75rem 0 0; } .profile-block .dropdown-menu-header .menu-header-content .menu-header-subtitle { margin: .5rem 0 0; } .profile-block .dropdown-menu-header .menu-header-btn-pane { margin: .5rem 0 0; } .profile-block .dropdown-menu-header .menu-header-btn-pane .btn-icon { color: #fff; padding: 0; width: 44px; height: 44px; line-height: 37px; font-size: 1.1rem; } .profile-block .dropdown-menu-header .menu-header-btn-pane .btn-icon:hover { background: rgba(255, 255, 255, 0.2); } .app-logo { height: 23px; width: 97px; background: url(assets/images/logo-inverse.png); } .app-logo-inverse { height: 23px; width: 97px; background: url(assets/images/logo.png); } .app-login-box .app-logo { margin-bottom: 3rem; } .app-login-box h4 { margin-bottom: 1.5rem; font-weight: normal; } .app-login-box h4 div { opacity: .6; } .app-login-box h4 span { font-size: 1.1rem; } .app-inner-layout.rm-sidebar .app-inner-layout__wrapper .app-inner-layout__content { width: auto; float: none; } .app-inner-layout .app-inner-layout__header { width: 100%; padding: 1.5rem; text-align: left; border-bottom: #e9ecef solid 1px; } .app-inner-layout .app-inner-layout__header .app-page-title { margin: 0; padding: 0; background: transparent; } .app-inner-layout .app-inner-layout__header-boxed { padding: 1.5rem; } .app-inner-layout .app-inner-layout__header-boxed .app-inner-layout__header { border-radius: .3rem; } .app-inner-layout .app-inner-layout__wrapper { position: relative; display: flex; flex-direction: row; min-height: 100vh; } .app-inner-layout .app-inner-layout__wrapper .app-inner-layout__content { flex: 1; display: flex; } .app-inner-layout .app-inner-layout__wrapper .app-inner-layout__content.card { box-shadow: 0 0 0 0 transparent; border-radius: 0; border: 0; } .app-inner-layout .app-inner-layout__wrapper .app-inner-layout__content .app-inner-layout__top-pane { display: flex; align-content: center; align-items: center; text-align: left; padding: .75rem 1.5rem; } .app-inner-layout .app-inner-layout__wrapper .app-inner-layout__content .pane-left { display: flex; align-items: center; } .app-inner-layout .app-inner-layout__wrapper .app-inner-layout__content .pane-right { display: flex; align-items: center; margin-left: auto; } .app-inner-layout .app-inner-layout__wrapper .app-inner-layout__content .app-inner-layout__bottom-pane { padding: 1.5rem; border-top: #e9ecef solid 1px; } .app-inner-layout .app-inner-layout__wrapper .app-inner-layout__sidebar { width: 270px; list-style: none; text-align: left; order: -1; flex: 0 0 270px; display: flex; margin: 0; position: relative; } .app-inner-layout .app-inner-layout__wrapper .app-inner-layout__sidebar .dropdown-item { white-space: normal; } .app-inner-layout .app-inner-layout__wrapper .app-inner-layout__sidebar.card { box-shadow: 0 0 0 0 transparent; border-radius: 0; background: #f8f9fa; border: 0; border-right: #e9ecef solid 1px; border-left: #e9ecef solid 1px; } .app-inner-layout .app-inner-layout__wrapper .app-inner-layout__sidebar .app-inner-layout__sidebar-footer, .app-inner-layout .app-inner-layout__wrapper .app-inner-layout__sidebar .app-inner-layout__sidebar-header { background: #f8f9fa; } .app-inner-layout .app-inner-layout__wrapper .app-inner-layout__aside { width: 60px; } .app-inner-layout .app-inner-layout__footer { width: 100%; height: 50px; } .app-wrapper-footer .app-footer { border-top: #e9ecef solid 1px; } .app-wrapper-footer .app-footer .app-footer__inner { border-left: #e9ecef solid 1px; } .chat-layout.app-inner-layout .app-inner-layout__sidebar { width: 360px; flex: 0 0 360px; } .chat-layout .app-inner-layout__top-pane h4 { font-size: 1.25rem; } .chat-layout .app-inner-layout__top-pane h4 div { font-size: .88rem; } .chat-layout .chat-box-wrapper { padding: 1.5rem; } @media (max-width: 1199.98px) { .chat-layout.app-inner-layout .app-inner-layout__sidebar .widget-content .widget-content-left .widget-subheading { white-space: normal; } } .mobile-app-menu-btn { display: none; margin: 3px 1.5rem 0 0; } @media (max-width: 991.98px) { .app-inner-layout__sidebar { display: none !important; } .mobile-app-menu-btn { display: block; } .open-mobile-menu .app-inner-layout__sidebar { display: block !important; } } .ps { overflow: hidden !important; overflow-anchor: none; touch-action: auto; } .ps__rail-x { display: none !important; opacity: 0; transition: background-color .2s linear, opacity .2s linear; height: 15px; bottom: 0; position: absolute; z-index: 7; } .ps__rail-y { display: none; opacity: 0; transition: background-color .2s linear, opacity .2s linear; width: 15px; right: 0; position: absolute; border-radius: 50px; z-index: 7; } .ps--active-x > .ps__rail-x, .ps--active-y > .ps__rail-y { display: block; background-color: transparent; } .ps:hover > .ps__rail-x, .ps:hover > .ps__rail-y, .ps--focus > .ps__rail-x, .ps--focus > .ps__rail-y, .ps--scrolling-x > .ps__rail-x, .ps--scrolling-y > .ps__rail-y { opacity: 0.6; } .ps__rail-x:hover, .ps__rail-y:hover, .ps__rail-x:focus, .ps__rail-y:focus { background-color: rgba(0, 0, 0, 0.1); opacity: 0.9; } .ps__thumb-x { background-color: rgba(0, 0, 0, 0.1); border-radius: 6px; transition: background-color .2s linear, height .2s ease-in-out; height: 6px; bottom: 2px; position: absolute; } .ps__thumb-y { background-color: rgba(0, 0, 0, 0.4); border-radius: 6px; transition: background-color .2s linear, width .2s ease-in-out; width: 6px; right: 2px; position: absolute; } .ps__rail-x:hover > .ps__thumb-x, .ps__rail-x:focus > .ps__thumb-x { background-color: rgba(0, 0, 0, 0.12); height: 11px; } .ps__rail-y:hover > .ps__thumb-y, .ps__rail-y:focus > .ps__thumb-y { background-color: rgba(0, 0, 0, 0.12); width: 11px; } @supports (-ms-overflow-style: none) { .ps; { overflow: auto !important; } } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .ps { overflow: auto !important; } } .scrollbar-sidebar, .scrollbar-container { position: relative; max-height: 80%; } .scroll-area { overflow-x: hidden; height: 400px; } .scroll-area-xs { height: 150px; overflow-x: hidden; } .scroll-area-sm { height: 200px; overflow-x: hidden; } .scroll-area-md { height: 300px; overflow-x: hidden; } .scroll-area-lg { height: 400px; overflow-x: hidden; } .scroll-area-x { overflow-x: auto; width: 100%; max-width: 100%; } .shadow-overflow { position: relative; } .shadow-overflow::after, .shadow-overflow::before { width: 100%; bottom: auto; top: 0; left: 0; height: 1.5rem; position: absolute; z-index: 10; content: ''; background: linear-gradient(to bottom, #fff 20%, rgba(255, 255, 255, 0) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#00ffffff', GradientType=0); } .shadow-overflow::after { bottom: 0; top: auto; background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #fff 80%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=0); } /*! * Font Awesome Free 5.6.3 by @fontawesome - https://fontawesome.com * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) */ @font-face { font-family: 'Font Awesome 5 Free'; font-style: normal; font-weight: 900; src: url(../fonts/fa-solid-900.eot); src: url(../fonts/fa-solid-900.eot?#iefix) format("embedded-opentype"), url(../fonts/fa-solid-900.woff2) format("woff2"), url(../fonts/fa-solid-900.woff) format("woff"), url(../fonts/fa-solid-900.ttf) format("truetype"), url(../fonts/fa-solid-900.svg#fontawesome) format("svg"); } /*.fa, .fas { font-family: 'Font Awesome 5 Free'; font-weight: 900; }*/ .fa, .fas, .far, .fal, .fab { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; line-height: 1; } .fa-lg { font-size: 1.33333em; line-height: .75em; vertical-align: -.0667em; } .fa-xs { font-size: .75em; } .fa-sm { font-size: .875em; } .fa-1x { font-size: 1em; } .fa-2x { font-size: 2em; } .fa-3x { font-size: 3em; } .fa-4x { font-size: 4em; } .fa-5x { font-size: 5em; } .fa-6x { font-size: 6em; } .fa-7x { font-size: 7em; } .fa-8x { font-size: 8em; } .fa-9x { font-size: 9em; } .fa-10x { font-size: 10em; } .fa-fw { text-align: center; width: 1.25em; } .fa-ul { list-style-type: none; margin-left: 2.5em; padding-left: 0; } .fa-ul > li { position: relative; } .fa-li { left: -2em; position: absolute; text-align: center; width: 2em; line-height: inherit; } .fa-border { border: solid 0.08em #eee; border-radius: .1em; padding: .2em .25em .15em; } .fa-pull-left { float: left; } .fa-pull-right { float: right; } .fa.fa-pull-left, .fas.fa-pull-left, .far.fa-pull-left, .fal.fa-pull-left, .fab.fa-pull-left { margin-right: .3em; } .fa.fa-pull-right, .fas.fa-pull-right, .far.fa-pull-right, .fal.fa-pull-right, .fab.fa-pull-right { margin-left: .3em; } .fa-spin { animation: fa-spin 2s infinite linear; } .fa-pulse { animation: fa-spin 1s infinite steps(8); } @keyframes fa-spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .fa-rotate-90 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)"; transform: rotate(90deg); } .fa-rotate-180 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)"; transform: rotate(180deg); } .fa-rotate-270 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)"; transform: rotate(270deg); } .fa-flip-horizontal { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)"; transform: scale(-1, 1); } .fa-flip-vertical { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)"; transform: scale(1, -1); } .fa-flip-horizontal.fa-flip-vertical { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)"; transform: scale(-1, -1); } :root .fa-rotate-90, :root .fa-rotate-180, :root .fa-rotate-270, :root .fa-flip-horizontal, :root .fa-flip-vertical { filter: none; } .fa-stack { display: inline-block; height: 2em; line-height: 2em; position: relative; vertical-align: middle; width: 2.5em; } .fa-stack-1x, .fa-stack-2x { left: 0; position: absolute; text-align: center; width: 100%; } .fa-stack-1x { line-height: inherit; } .fa-stack-2x { font-size: 2em; } .fa-inverse { color: #fff; } .fa-500px:before { content: "\f26e"; } .fa-accessible-icon:before { content: "\f368"; } .fa-accusoft:before { content: "\f369"; } .fa-acquisitions-incorporated:before { content: "\f6af"; } .fa-ad:before { content: "\f641"; } .fa-address-book:before { content: "\f2b9"; } .fa-address-card:before { content: "\f2bb"; } .fa-adjust:before { content: "\f042"; } .fa-adn:before { content: "\f170"; } .fa-adobe:before { content: "\f778"; } .fa-adversal:before { content: "\f36a"; } .fa-affiliatetheme:before { content: "\f36b"; } .fa-air-freshener:before { content: "\f5d0"; } .fa-algolia:before { content: "\f36c"; } .fa-align-center:before { content: "\f037"; } .fa-align-justify:before { content: "\f039"; } .fa-align-left:before { content: "\f036"; } .fa-align-right:before { content: "\f038"; } .fa-alipay:before { content: "\f642"; } .fa-allergies:before { content: "\f461"; } .fa-amazon:before { content: "\f270"; } .fa-amazon-pay:before { content: "\f42c"; } .fa-ambulance:before { content: "\f0f9"; } .fa-american-sign-language-interpreting:before { content: "\f2a3"; } .fa-amilia:before { content: "\f36d"; } .fa-anchor:before { content: "\f13d"; } .fa-android:before { content: "\f17b"; } .fa-angellist:before { content: "\f209"; } .fa-angle-double-down:before { content: "\f103"; } .fa-angle-double-left:before { content: "\f100"; } .fa-angle-double-right:before { content: "\f101"; } .fa-angle-double-up:before { content: "\f102"; } .fa-angle-down:before { content: "\f107"; } .fa-angle-left:before { content: "\f104"; } .fa-angle-right:before { content: "\f105"; } .fa-angle-up:before { content: "\f106"; } .fa-angry:before { content: "\f556"; } .fa-angrycreative:before { content: "\f36e"; } .fa-angular:before { content: "\f420"; } .fa-ankh:before { content: "\f644"; } .fa-app-store:before { content: "\f36f"; } .fa-app-store-ios:before { content: "\f370"; } .fa-apper:before { content: "\f371"; } .fa-apple:before { content: "\f179"; } .fa-apple-alt:before { content: "\f5d1"; } .fa-apple-pay:before { content: "\f415"; } .fa-archive:before { content: "\f187"; } .fa-archway:before { content: "\f557"; } .fa-arrow-alt-circle-down:before { content: "\f358"; } .fa-arrow-alt-circle-left:before { content: "\f359"; } .fa-arrow-alt-circle-right:before { content: "\f35a"; } .fa-arrow-alt-circle-up:before { content: "\f35b"; } .fa-arrow-circle-down:before { content: "\f0ab"; } .fa-arrow-circle-left:before { content: "\f0a8"; } .fa-arrow-circle-right:before { content: "\f0a9"; } .fa-arrow-circle-up:before { content: "\f0aa"; } .fa-arrow-down:before { content: "\f063"; } .fa-arrow-left:before { content: "\f060"; } .fa-arrow-right:before { content: "\f061"; } .fa-arrow-up:before { content: "\f062"; } .fa-arrows-alt:before { content: "\f0b2"; } .fa-arrows-alt-h:before { content: "\f337"; } .fa-arrows-alt-v:before { content: "\f338"; } .fa-artstation:before { content: "\f77a"; } .fa-assistive-listening-systems:before { content: "\f2a2"; } .fa-asterisk:before { content: "\f069"; } .fa-asymmetrik:before { content: "\f372"; } .fa-at:before { content: "\f1fa"; } .fa-atlas:before { content: "\f558"; } .fa-atlassian:before { content: "\f77b"; } .fa-atom:before { content: "\f5d2"; } .fa-audible:before { content: "\f373"; } .fa-audio-description:before { content: "\f29e"; } .fa-autoprefixer:before { content: "\f41c"; } .fa-avianex:before { content: "\f374"; } .fa-aviato:before { content: "\f421"; } .fa-award:before { content: "\f559"; } .fa-aws:before { content: "\f375"; } .fa-baby:before { content: "\f77c"; } .fa-baby-carriage:before { content: "\f77d"; } .fa-backspace:before { content: "\f55a"; } .fa-backward:before { content: "\f04a"; } .fa-balance-scale:before { content: "\f24e"; } .fa-ban:before { content: "\f05e"; } .fa-band-aid:before { content: "\f462"; } .fa-bandcamp:before { content: "\f2d5"; } .fa-barcode:before { content: "\f02a"; } .fa-bars:before { content: "\f0c9"; } .fa-baseball-ball:before { content: "\f433"; } .fa-basketball-ball:before { content: "\f434"; } .fa-bath:before { content: "\f2cd"; } .fa-battery-empty:before { content: "\f244"; } .fa-battery-full:before { content: "\f240"; } .fa-battery-half:before { content: "\f242"; } .fa-battery-quarter:before { content: "\f243"; } .fa-battery-three-quarters:before { content: "\f241"; } .fa-bed:before { content: "\f236"; } .fa-beer:before { content: "\f0fc"; } .fa-behance:before { content: "\f1b4"; } .fa-behance-square:before { content: "\f1b5"; } .fa-bell:before { content: "\f0f3"; } .fa-bell-slash:before { content: "\f1f6"; } .fa-bezier-curve:before { content: "\f55b"; } .fa-bible:before { content: "\f647"; } .fa-bicycle:before { content: "\f206"; } .fa-bimobject:before { content: "\f378"; } .fa-binoculars:before { content: "\f1e5"; } .fa-biohazard:before { content: "\f780"; } .fa-birthday-cake:before { content: "\f1fd"; } .fa-bitbucket:before { content: "\f171"; } .fa-bitcoin:before { content: "\f379"; } .fa-bity:before { content: "\f37a"; } .fa-black-tie:before { content: "\f27e"; } .fa-blackberry:before { content: "\f37b"; } .fa-blender:before { content: "\f517"; } .fa-blender-phone:before { content: "\f6b6"; } .fa-blind:before { content: "\f29d"; } .fa-blog:before { content: "\f781"; } .fa-blogger:before { content: "\f37c"; } .fa-blogger-b:before { content: "\f37d"; } .fa-bluetooth:before { content: "\f293"; } .fa-bluetooth-b:before { content: "\f294"; } .fa-bold:before { content: "\f032"; } .fa-bolt:before { content: "\f0e7"; } .fa-bomb:before { content: "\f1e2"; } .fa-bone:before { content: "\f5d7"; } .fa-bong:before { content: "\f55c"; } .fa-book:before { content: "\f02d"; } .fa-book-dead:before { content: "\f6b7"; } .fa-book-open:before { content: "\f518"; } .fa-book-reader:before { content: "\f5da"; } .fa-bookmark:before { content: "\f02e"; } .fa-bowling-ball:before { content: "\f436"; } .fa-box:before { content: "\f466"; } .fa-box-open:before { content: "\f49e"; } .fa-boxes:before { content: "\f468"; } .fa-braille:before { content: "\f2a1"; } .fa-brain:before { content: "\f5dc"; } .fa-briefcase:before { content: "\f0b1"; } .fa-briefcase-medical:before { content: "\f469"; } .fa-broadcast-tower:before { content: "\f519"; } .fa-broom:before { content: "\f51a"; } .fa-brush:before { content: "\f55d"; } .fa-btc:before { content: "\f15a"; } .fa-bug:before { content: "\f188"; } .fa-building:before { content: "\f1ad"; } .fa-bullhorn:before { content: "\f0a1"; } .fa-bullseye:before { content: "\f140"; } .fa-burn:before { content: "\f46a"; } .fa-buromobelexperte:before { content: "\f37f"; } .fa-bus:before { content: "\f207"; } .fa-bus-alt:before { content: "\f55e"; } .fa-business-time:before { content: "\f64a"; } .fa-buysellads:before { content: "\f20d"; } .fa-calculator:before { content: "\f1ec"; } .fa-calendar:before { content: "\f133"; } .fa-calendar-alt:before { content: "\f073"; } .fa-calendar-check:before { content: "\f274"; } .fa-calendar-day:before { content: "\f783"; } .fa-calendar-minus:before { content: "\f272"; } .fa-calendar-plus:before { content: "\f271"; } .fa-calendar-times:before { content: "\f273"; } .fa-calendar-week:before { content: "\f784"; } .fa-camera:before { content: "\f030"; } .fa-camera-retro:before { content: "\f083"; } .fa-campground:before { content: "\f6bb"; } .fa-canadian-maple-leaf:before { content: "\f785"; } .fa-candy-cane:before { content: "\f786"; } .fa-cannabis:before { content: "\f55f"; } .fa-capsules:before { content: "\f46b"; } .fa-car:before { content: "\f1b9"; } .fa-car-alt:before { content: "\f5de"; } .fa-car-battery:before { content: "\f5df"; } .fa-car-crash:before { content: "\f5e1"; } .fa-car-side:before { content: "\f5e4"; } .fa-caret-down:before { content: "\f0d7"; } .fa-caret-left:before { content: "\f0d9"; } .fa-caret-right:before { content: "\f0da"; } .fa-caret-square-down:before { content: "\f150"; } .fa-caret-square-left:before { content: "\f191"; } .fa-caret-square-right:before { content: "\f152"; } .fa-caret-square-up:before { content: "\f151"; } .fa-caret-up:before { content: "\f0d8"; } .fa-carrot:before { content: "\f787"; } .fa-cart-arrow-down:before { content: "\f218"; } .fa-cart-plus:before { content: "\f217"; } .fa-cash-register:before { content: "\f788"; } .fa-cat:before { content: "\f6be"; } .fa-cc-amazon-pay:before { content: "\f42d"; } .fa-cc-amex:before { content: "\f1f3"; } .fa-cc-apple-pay:before { content: "\f416"; } .fa-cc-diners-club:before { content: "\f24c"; } .fa-cc-discover:before { content: "\f1f2"; } .fa-cc-jcb:before { content: "\f24b"; } .fa-cc-mastercard:before { content: "\f1f1"; } .fa-cc-paypal:before { content: "\f1f4"; } .fa-cc-stripe:before { content: "\f1f5"; } .fa-cc-visa:before { content: "\f1f0"; } .fa-centercode:before { content: "\f380"; } .fa-centos:before { content: "\f789"; } .fa-certificate:before { content: "\f0a3"; } .fa-chair:before { content: "\f6c0"; } .fa-chalkboard:before { content: "\f51b"; } .fa-chalkboard-teacher:before { content: "\f51c"; } .fa-charging-station:before { content: "\f5e7"; } .fa-chart-area:before { content: "\f1fe"; } .fa-chart-bar:before { content: "\f080"; } .fa-chart-line:before { content: "\f201"; } .fa-chart-pie:before { content: "\f200"; } .fa-check:before { content: "\f00c"; } .fa-check-circle:before { content: "\f058"; } .fa-check-double:before { content: "\f560"; } .fa-check-square:before { content: "\f14a"; } .fa-chess:before { content: "\f439"; } .fa-chess-bishop:before { content: "\f43a"; } .fa-chess-board:before { content: "\f43c"; } .fa-chess-king:before { content: "\f43f"; } .fa-chess-knight:before { content: "\f441"; } .fa-chess-pawn:before { content: "\f443"; } .fa-chess-queen:before { content: "\f445"; } .fa-chess-rook:before { content: "\f447"; } .fa-chevron-circle-down:before { content: "\f13a"; } .fa-chevron-circle-left:before { content: "\f137"; } .fa-chevron-circle-right:before { content: "\f138"; } .fa-chevron-circle-up:before { content: "\f139"; } .fa-chevron-down:before { content: "\f078"; } .fa-chevron-left:before { content: "\f053"; } .fa-chevron-right:before { content: "\f054"; } .fa-chevron-up:before { content: "\f077"; } .fa-child:before { content: "\f1ae"; } .fa-chrome:before { content: "\f268"; } .fa-church:before { content: "\f51d"; } .fa-circle:before { content: "\f111"; } .fa-circle-notch:before { content: "\f1ce"; } .fa-city:before { content: "\f64f"; } .fa-clipboard:before { content: "\f328"; } .fa-clipboard-check:before { content: "\f46c"; } .fa-clipboard-list:before { content: "\f46d"; } .fa-clock:before { content: "\f017"; } .fa-clone:before { content: "\f24d"; } .fa-closed-captioning:before { content: "\f20a"; } .fa-cloud:before { content: "\f0c2"; } .fa-cloud-download-alt:before { content: "\f381"; } .fa-cloud-meatball:before { content: "\f73b"; } .fa-cloud-moon:before { content: "\f6c3"; } .fa-cloud-moon-rain:before { content: "\f73c"; } .fa-cloud-rain:before { content: "\f73d"; } .fa-cloud-showers-heavy:before { content: "\f740"; } .fa-cloud-sun:before { content: "\f6c4"; } .fa-cloud-sun-rain:before { content: "\f743"; } .fa-cloud-upload-alt:before { content: "\f382"; } .fa-cloudscale:before { content: "\f383"; } .fa-cloudsmith:before { content: "\f384"; } .fa-cloudversify:before { content: "\f385"; } .fa-cocktail:before { content: "\f561"; } .fa-code:before { content: "\f121"; } .fa-code-branch:before { content: "\f126"; } .fa-codepen:before { content: "\f1cb"; } .fa-codiepie:before { content: "\f284"; } .fa-coffee:before { content: "\f0f4"; } .fa-cog:before { content: "\f013"; } .fa-cogs:before { content: "\f085"; } .fa-coins:before { content: "\f51e"; } .fa-columns:before { content: "\f0db"; } .fa-comment:before { content: "\f075"; } .fa-comment-alt:before { content: "\f27a"; } .fa-comment-dollar:before { content: "\f651"; } .fa-comment-dots:before { content: "\f4ad"; } .fa-comment-slash:before { content: "\f4b3"; } .fa-comments:before { content: "\f086"; } .fa-comments-dollar:before { content: "\f653"; } .fa-compact-disc:before { content: "\f51f"; } .fa-compass:before { content: "\f14e"; } .fa-compress:before { content: "\f066"; } .fa-compress-arrows-alt:before { content: "\f78c"; } .fa-concierge-bell:before { content: "\f562"; } .fa-confluence:before { content: "\f78d"; } .fa-connectdevelop:before { content: "\f20e"; } .fa-contao:before { content: "\f26d"; } .fa-cookie:before { content: "\f563"; } .fa-cookie-bite:before { content: "\f564"; } .fa-copy:before { content: "\f0c5"; } .fa-copyright:before { content: "\f1f9"; } .fa-couch:before { content: "\f4b8"; } .fa-cpanel:before { content: "\f388"; } .fa-creative-commons:before { content: "\f25e"; } .fa-creative-commons-by:before { content: "\f4e7"; } .fa-creative-commons-nc:before { content: "\f4e8"; } .fa-creative-commons-nc-eu:before { content: "\f4e9"; } .fa-creative-commons-nc-jp:before { content: "\f4ea"; } .fa-creative-commons-nd:before { content: "\f4eb"; } .fa-creative-commons-pd:before { content: "\f4ec"; } .fa-creative-commons-pd-alt:before { content: "\f4ed"; } .fa-creative-commons-remix:before { content: "\f4ee"; } .fa-creative-commons-sa:before { content: "\f4ef"; } .fa-creative-commons-sampling:before { content: "\f4f0"; } .fa-creative-commons-sampling-plus:before { content: "\f4f1"; } .fa-creative-commons-share:before { content: "\f4f2"; } .fa-creative-commons-zero:before { content: "\f4f3"; } .fa-credit-card:before { content: "\f09d"; } .fa-critical-role:before { content: "\f6c9"; } .fa-crop:before { content: "\f125"; } .fa-crop-alt:before { content: "\f565"; } .fa-cross:before { content: "\f654"; } .fa-crosshairs:before { content: "\f05b"; } .fa-crow:before { content: "\f520"; } .fa-crown:before { content: "\f521"; } .fa-css3:before { content: "\f13c"; } .fa-css3-alt:before { content: "\f38b"; } .fa-cube:before { content: "\f1b2"; } .fa-cubes:before { content: "\f1b3"; } .fa-cut:before { content: "\f0c4"; } .fa-cuttlefish:before { content: "\f38c"; } .fa-d-and-d:before { content: "\f38d"; } .fa-d-and-d-beyond:before { content: "\f6ca"; } .fa-dashcube:before { content: "\f210"; } .fa-database:before { content: "\f1c0"; } .fa-deaf:before { content: "\f2a4"; } .fa-delicious:before { content: "\f1a5"; } .fa-democrat:before { content: "\f747"; } .fa-deploydog:before { content: "\f38e"; } .fa-deskpro:before { content: "\f38f"; } .fa-desktop:before { content: "\f108"; } .fa-dev:before { content: "\f6cc"; } .fa-deviantart:before { content: "\f1bd"; } .fa-dharmachakra:before { content: "\f655"; } .fa-dhl:before { content: "\f790"; } .fa-diagnoses:before { content: "\f470"; } .fa-diaspora:before { content: "\f791"; } .fa-dice:before { content: "\f522"; } .fa-dice-d20:before { content: "\f6cf"; } .fa-dice-d6:before { content: "\f6d1"; } .fa-dice-five:before { content: "\f523"; } .fa-dice-four:before { content: "\f524"; } .fa-dice-one:before { content: "\f525"; } .fa-dice-six:before { content: "\f526"; } .fa-dice-three:before { content: "\f527"; } .fa-dice-two:before { content: "\f528"; } .fa-digg:before { content: "\f1a6"; } .fa-digital-ocean:before { content: "\f391"; } .fa-digital-tachograph:before { content: "\f566"; } .fa-directions:before { content: "\f5eb"; } .fa-discord:before { content: "\f392"; } .fa-discourse:before { content: "\f393"; } .fa-divide:before { content: "\f529"; } .fa-dizzy:before { content: "\f567"; } .fa-dna:before { content: "\f471"; } .fa-dochub:before { content: "\f394"; } .fa-docker:before { content: "\f395"; } .fa-dog:before { content: "\f6d3"; } .fa-dollar-sign:before { content: "\f155"; } .fa-dolly:before { content: "\f472"; } .fa-dolly-flatbed:before { content: "\f474"; } .fa-donate:before { content: "\f4b9"; } .fa-door-closed:before { content: "\f52a"; } .fa-door-open:before { content: "\f52b"; } .fa-dot-circle:before { content: "\f192"; } .fa-dove:before { content: "\f4ba"; } .fa-download:before { content: "\f019"; } .fa-draft2digital:before { content: "\f396"; } .fa-drafting-compass:before { content: "\f568"; } .fa-dragon:before { content: "\f6d5"; } .fa-draw-polygon:before { content: "\f5ee"; } .fa-dribbble:before { content: "\f17d"; } .fa-dribbble-square:before { content: "\f397"; } .fa-dropbox:before { content: "\f16b"; } .fa-drum:before { content: "\f569"; } .fa-drum-steelpan:before { content: "\f56a"; } .fa-drumstick-bite:before { content: "\f6d7"; } .fa-drupal:before { content: "\f1a9"; } .fa-dumbbell:before { content: "\f44b"; } .fa-dumpster:before { content: "\f793"; } .fa-dumpster-fire:before { content: "\f794"; } .fa-dungeon:before { content: "\f6d9"; } .fa-dyalog:before { content: "\f399"; } .fa-earlybirds:before { content: "\f39a"; } .fa-ebay:before { content: "\f4f4"; } .fa-edge:before { content: "\f282"; } .fa-edit:before { content: "\f044"; } .fa-eject:before { content: "\f052"; } .fa-elementor:before { content: "\f430"; } .fa-ellipsis-h:before { content: "\f141"; } .fa-ellipsis-v:before { content: "\f142"; } .fa-ello:before { content: "\f5f1"; } .fa-ember:before { content: "\f423"; } .fa-empire:before { content: "\f1d1"; } .fa-envelope:before { content: "\f0e0"; } .fa-envelope-open:before { content: "\f2b6"; } .fa-envelope-open-text:before { content: "\f658"; } .fa-envelope-square:before { content: "\f199"; } .fa-envira:before { content: "\f299"; } .fa-equals:before { content: "\f52c"; } .fa-eraser:before { content: "\f12d"; } .fa-erlang:before { content: "\f39d"; } .fa-ethereum:before { content: "\f42e"; } .fa-ethernet:before { content: "\f796"; } .fa-etsy:before { content: "\f2d7"; } .fa-euro-sign:before { content: "\f153"; } .fa-exchange-alt:before { content: "\f362"; } .fa-exclamation:before { content: "\f12a"; } .fa-exclamation-circle:before { content: "\f06a"; } .fa-exclamation-triangle:before { content: "\f071"; } .fa-expand:before { content: "\f065"; } .fa-expand-arrows-alt:before { content: "\f31e"; } .fa-expeditedssl:before { content: "\f23e"; } .fa-external-link-alt:before { content: "\f35d"; } .fa-external-link-square-alt:before { content: "\f360"; } .fa-eye:before { content: "\f06e"; } .fa-eye-dropper:before { content: "\f1fb"; } .fa-eye-slash:before { content: "\f070"; } .fa-facebook:before { content: "\f09a"; } .fa-facebook-f:before { content: "\f39e"; } .fa-facebook-messenger:before { content: "\f39f"; } .fa-facebook-square:before { content: "\f082"; } .fa-fantasy-flight-games:before { content: "\f6dc"; } .fa-fast-backward:before { content: "\f049"; } .fa-fast-forward:before { content: "\f050"; } .fa-fax:before { content: "\f1ac"; } .fa-feather:before { content: "\f52d"; } .fa-feather-alt:before { content: "\f56b"; } .fa-fedex:before { content: "\f797"; } .fa-fedora:before { content: "\f798"; } .fa-female:before { content: "\f182"; } .fa-fighter-jet:before { content: "\f0fb"; } .fa-figma:before { content: "\f799"; } .fa-file:before { content: "\f15b"; } .fa-file-alt:before { content: "\f15c"; } .fa-file-archive:before { content: "\f1c6"; } .fa-file-audio:before { content: "\f1c7"; } .fa-file-code:before { content: "\f1c9"; } .fa-file-contract:before { content: "\f56c"; } .fa-file-csv:before { content: "\f6dd"; } .fa-file-download:before { content: "\f56d"; } .fa-file-excel:before { content: "\f1c3"; } .fa-file-export:before { content: "\f56e"; } .fa-file-image:before { content: "\f1c5"; } .fa-file-import:before { content: "\f56f"; } .fa-file-invoice:before { content: "\f570"; } .fa-file-invoice-dollar:before { content: "\f571"; } .fa-file-medical:before { content: "\f477"; } .fa-file-medical-alt:before { content: "\f478"; } .fa-file-pdf:before { content: "\f1c1"; } .fa-file-powerpoint:before { content: "\f1c4"; } .fa-file-prescription:before { content: "\f572"; } .fa-file-signature:before { content: "\f573"; } .fa-file-upload:before { content: "\f574"; } .fa-file-video:before { content: "\f1c8"; } .fa-file-word:before { content: "\f1c2"; } .fa-fill:before { content: "\f575"; } .fa-fill-drip:before { content: "\f576"; } .fa-film:before { content: "\f008"; } .fa-filter:before { content: "\f0b0"; } .fa-fingerprint:before { content: "\f577"; } .fa-fire:before { content: "\f06d"; } .fa-fire-alt:before { content: "\f7e4"; } .fa-fire-extinguisher:before { content: "\f134"; } .fa-firefox:before { content: "\f269"; } .fa-first-aid:before { content: "\f479"; } .fa-first-order:before { content: "\f2b0"; } .fa-first-order-alt:before { content: "\f50a"; } .fa-firstdraft:before { content: "\f3a1"; } .fa-fish:before { content: "\f578"; } .fa-fist-raised:before { content: "\f6de"; } .fa-flag:before { content: "\f024"; } .fa-flag-checkered:before { content: "\f11e"; } .fa-flag-usa:before { content: "\f74d"; } .fa-flask:before { content: "\f0c3"; } .fa-flickr:before { content: "\f16e"; } .fa-flipboard:before { content: "\f44d"; } .fa-flushed:before { content: "\f579"; } .fa-fly:before { content: "\f417"; } .fa-folder:before { content: "\f07b"; } .fa-folder-minus:before { content: "\f65d"; } .fa-folder-open:before { content: "\f07c"; } .fa-folder-plus:before { content: "\f65e"; } .fa-font:before { content: "\f031"; } .fa-font-awesome:before { content: "\f2b4"; } .fa-font-awesome-alt:before { content: "\f35c"; } .fa-font-awesome-flag:before { content: "\f425"; } .fa-font-awesome-logo-full:before { content: "\f4e6"; } .fa-fonticons:before { content: "\f280"; } .fa-fonticons-fi:before { content: "\f3a2"; } .fa-football-ball:before { content: "\f44e"; } .fa-fort-awesome:before { content: "\f286"; } .fa-fort-awesome-alt:before { content: "\f3a3"; } .fa-forumbee:before { content: "\f211"; } .fa-forward:before { content: "\f04e"; } .fa-foursquare:before { content: "\f180"; } .fa-free-code-camp:before { content: "\f2c5"; } .fa-freebsd:before { content: "\f3a4"; } .fa-frog:before { content: "\f52e"; } .fa-frown:before { content: "\f119"; } .fa-frown-open:before { content: "\f57a"; } .fa-fulcrum:before { content: "\f50b"; } .fa-funnel-dollar:before { content: "\f662"; } .fa-futbol:before { content: "\f1e3"; } .fa-galactic-republic:before { content: "\f50c"; } .fa-galactic-senate:before { content: "\f50d"; } .fa-gamepad:before { content: "\f11b"; } .fa-gas-pump:before { content: "\f52f"; } .fa-gavel:before { content: "\f0e3"; } .fa-gem:before { content: "\f3a5"; } .fa-genderless:before { content: "\f22d"; } .fa-get-pocket:before { content: "\f265"; } .fa-gg:before { content: "\f260"; } .fa-gg-circle:before { content: "\f261"; } .fa-ghost:before { content: "\f6e2"; } .fa-gift:before { content: "\f06b"; } .fa-gifts:before { content: "\f79c"; } .fa-git:before { content: "\f1d3"; } .fa-git-square:before { content: "\f1d2"; } .fa-github:before { content: "\f09b"; } .fa-github-alt:before { content: "\f113"; } .fa-github-square:before { content: "\f092"; } .fa-gitkraken:before { content: "\f3a6"; } .fa-gitlab:before { content: "\f296"; } .fa-gitter:before { content: "\f426"; } .fa-glass-cheers:before { content: "\f79f"; } .fa-glass-martini:before { content: "\f000"; } .fa-glass-martini-alt:before { content: "\f57b"; } .fa-glass-whiskey:before { content: "\f7a0"; } .fa-glasses:before { content: "\f530"; } .fa-glide:before { content: "\f2a5"; } .fa-glide-g:before { content: "\f2a6"; } .fa-globe:before { content: "\f0ac"; } .fa-globe-africa:before { content: "\f57c"; } .fa-globe-americas:before { content: "\f57d"; } .fa-globe-asia:before { content: "\f57e"; } .fa-globe-europe:before { content: "\f7a2"; } .fa-gofore:before { content: "\f3a7"; } .fa-golf-ball:before { content: "\f450"; } .fa-goodreads:before { content: "\f3a8"; } .fa-goodreads-g:before { content: "\f3a9"; } .fa-google:before { content: "\f1a0"; } .fa-google-drive:before { content: "\f3aa"; } .fa-google-play:before { content: "\f3ab"; } .fa-google-plus:before { content: "\f2b3"; } .fa-google-plus-g:before { content: "\f0d5"; } .fa-google-plus-square:before { content: "\f0d4"; } .fa-google-wallet:before { content: "\f1ee"; } .fa-gopuram:before { content: "\f664"; } .fa-graduation-cap:before { content: "\f19d"; } .fa-gratipay:before { content: "\f184"; } .fa-grav:before { content: "\f2d6"; } .fa-greater-than:before { content: "\f531"; } .fa-greater-than-equal:before { content: "\f532"; } .fa-grimace:before { content: "\f57f"; } .fa-grin:before { content: "\f580"; } .fa-grin-alt:before { content: "\f581"; } .fa-grin-beam:before { content: "\f582"; } .fa-grin-beam-sweat:before { content: "\f583"; } .fa-grin-hearts:before { content: "\f584"; } .fa-grin-squint:before { content: "\f585"; } .fa-grin-squint-tears:before { content: "\f586"; } .fa-grin-stars:before { content: "\f587"; } .fa-grin-tears:before { content: "\f588"; } .fa-grin-tongue:before { content: "\f589"; } .fa-grin-tongue-squint:before { content: "\f58a"; } .fa-grin-tongue-wink:before { content: "\f58b"; } .fa-grin-wink:before { content: "\f58c"; } .fa-grip-horizontal:before { content: "\f58d"; } .fa-grip-lines:before { content: "\f7a4"; } .fa-grip-lines-vertical:before { content: "\f7a5"; } .fa-grip-vertical:before { content: "\f58e"; } .fa-gripfire:before { content: "\f3ac"; } .fa-grunt:before { content: "\f3ad"; } .fa-guitar:before { content: "\f7a6"; } .fa-gulp:before { content: "\f3ae"; } .fa-h-square:before { content: "\f0fd"; } .fa-hacker-news:before { content: "\f1d4"; } .fa-hacker-news-square:before { content: "\f3af"; } .fa-hackerrank:before { content: "\f5f7"; } .fa-hammer:before { content: "\f6e3"; } .fa-hamsa:before { content: "\f665"; } .fa-hand-holding:before { content: "\f4bd"; } .fa-hand-holding-heart:before { content: "\f4be"; } .fa-hand-holding-usd:before { content: "\f4c0"; } .fa-hand-lizard:before { content: "\f258"; } .fa-hand-paper:before { content: "\f256"; } .fa-hand-peace:before { content: "\f25b"; } .fa-hand-point-down:before { content: "\f0a7"; } .fa-hand-point-left:before { content: "\f0a5"; } .fa-hand-point-right:before { content: "\f0a4"; } .fa-hand-point-up:before { content: "\f0a6"; } .fa-hand-pointer:before { content: "\f25a"; } .fa-hand-rock:before { content: "\f255"; } .fa-hand-scissors:before { content: "\f257"; } .fa-hand-spock:before { content: "\f259"; } .fa-hands:before { content: "\f4c2"; } .fa-hands-helping:before { content: "\f4c4"; } .fa-handshake:before { content: "\f2b5"; } .fa-hanukiah:before { content: "\f6e6"; } .fa-hashtag:before { content: "\f292"; } .fa-hat-wizard:before { content: "\f6e8"; } .fa-haykal:before { content: "\f666"; } .fa-hdd:before { content: "\f0a0"; } .fa-heading:before { content: "\f1dc"; } .fa-headphones:before { content: "\f025"; } .fa-headphones-alt:before { content: "\f58f"; } .fa-headset:before { content: "\f590"; } .fa-heart:before { content: "\f004"; } .fa-heart-broken:before { content: "\f7a9"; } .fa-heartbeat:before { content: "\f21e"; } .fa-helicopter:before { content: "\f533"; } .fa-highlighter:before { content: "\f591"; } .fa-hiking:before { content: "\f6ec"; } .fa-hippo:before { content: "\f6ed"; } .fa-hips:before { content: "\f452"; } .fa-hire-a-helper:before { content: "\f3b0"; } .fa-history:before { content: "\f1da"; } .fa-hockey-puck:before { content: "\f453"; } .fa-holly-berry:before { content: "\f7aa"; } .fa-home:before { content: "\f015"; } .fa-hooli:before { content: "\f427"; } .fa-hornbill:before { content: "\f592"; } .fa-horse:before { content: "\f6f0"; } .fa-horse-head:before { content: "\f7ab"; } .fa-hospital:before { content: "\f0f8"; } .fa-hospital-alt:before { content: "\f47d"; } .fa-hospital-symbol:before { content: "\f47e"; } .fa-hot-tub:before { content: "\f593"; } .fa-hotel:before { content: "\f594"; } .fa-hotjar:before { content: "\f3b1"; } .fa-hourglass:before { content: "\f254"; } .fa-hourglass-end:before { content: "\f253"; } .fa-hourglass-half:before { content: "\f252"; } .fa-hourglass-start:before { content: "\f251"; } .fa-house-damage:before { content: "\f6f1"; } .fa-houzz:before { content: "\f27c"; } .fa-hryvnia:before { content: "\f6f2"; } .fa-html5:before { content: "\f13b"; } .fa-hubspot:before { content: "\f3b2"; } .fa-i-cursor:before { content: "\f246"; } .fa-icicles:before { content: "\f7ad"; } .fa-id-badge:before { content: "\f2c1"; } .fa-id-card:before { content: "\f2c2"; } .fa-id-card-alt:before { content: "\f47f"; } .fa-igloo:before { content: "\f7ae"; } .fa-image:before { content: "\f03e"; } .fa-images:before { content: "\f302"; } .fa-imdb:before { content: "\f2d8"; } .fa-inbox:before { content: "\f01c"; } .fa-indent:before { content: "\f03c"; } .fa-industry:before { content: "\f275"; } .fa-infinity:before { content: "\f534"; } .fa-info:before { content: "\f129"; } .fa-info-circle:before { content: "\f05a"; } .fa-instagram:before { content: "\f16d"; } .fa-intercom:before { content: "\f7af"; } .fa-internet-explorer:before { content: "\f26b"; } .fa-invision:before { content: "\f7b0"; } .fa-ioxhost:before { content: "\f208"; } .fa-italic:before { content: "\f033"; } .fa-itunes:before { content: "\f3b4"; } .fa-itunes-note:before { content: "\f3b5"; } .fa-java:before { content: "\f4e4"; } .fa-jedi:before { content: "\f669"; } .fa-jedi-order:before { content: "\f50e"; } .fa-jenkins:before { content: "\f3b6"; } .fa-jira:before { content: "\f7b1"; } .fa-joget:before { content: "\f3b7"; } .fa-joint:before { content: "\f595"; } .fa-joomla:before { content: "\f1aa"; } .fa-journal-whills:before { content: "\f66a"; } .fa-js:before { content: "\f3b8"; } .fa-js-square:before { content: "\f3b9"; } .fa-jsfiddle:before { content: "\f1cc"; } .fa-kaaba:before { content: "\f66b"; } .fa-kaggle:before { content: "\f5fa"; } .fa-key:before { content: "\f084"; } .fa-keybase:before { content: "\f4f5"; } .fa-keyboard:before { content: "\f11c"; } .fa-keycdn:before { content: "\f3ba"; } .fa-khanda:before { content: "\f66d"; } .fa-kickstarter:before { content: "\f3bb"; } .fa-kickstarter-k:before { content: "\f3bc"; } .fa-kiss:before { content: "\f596"; } .fa-kiss-beam:before { content: "\f597"; } .fa-kiss-wink-heart:before { content: "\f598"; } .fa-kiwi-bird:before { content: "\f535"; } .fa-korvue:before { content: "\f42f"; } .fa-landmark:before { content: "\f66f"; } .fa-language:before { content: "\f1ab"; } .fa-laptop:before { content: "\f109"; } .fa-laptop-code:before { content: "\f5fc"; } .fa-laravel:before { content: "\f3bd"; } .fa-lastfm:before { content: "\f202"; } .fa-lastfm-square:before { content: "\f203"; } .fa-laugh:before { content: "\f599"; } .fa-laugh-beam:before { content: "\f59a"; } .fa-laugh-squint:before { content: "\f59b"; } .fa-laugh-wink:before { content: "\f59c"; } .fa-layer-group:before { content: "\f5fd"; } .fa-leaf:before { content: "\f06c"; } .fa-leanpub:before { content: "\f212"; } .fa-lemon:before { content: "\f094"; } .fa-less:before { content: "\f41d"; } .fa-less-than:before { content: "\f536"; } .fa-less-than-equal:before { content: "\f537"; } .fa-level-down-alt:before { content: "\f3be"; } .fa-level-up-alt:before { content: "\f3bf"; } .fa-life-ring:before { content: "\f1cd"; } .fa-lightbulb:before { content: "\f0eb"; } .fa-line:before { content: "\f3c0"; } .fa-link:before { content: "\f0c1"; } .fa-linkedin:before { content: "\f08c"; } .fa-linkedin-in:before { content: "\f0e1"; } .fa-linode:before { content: "\f2b8"; } .fa-linux:before { content: "\f17c"; } .fa-lira-sign:before { content: "\f195"; } .fa-list:before { content: "\f03a"; } .fa-list-alt:before { content: "\f022"; } .fa-list-ol:before { content: "\f0cb"; } .fa-list-ul:before { content: "\f0ca"; } .fa-location-arrow:before { content: "\f124"; } .fa-lock:before { content: "\f023"; } .fa-lock-open:before { content: "\f3c1"; } .fa-long-arrow-alt-down:before { content: "\f309"; } .fa-long-arrow-alt-left:before { content: "\f30a"; } .fa-long-arrow-alt-right:before { content: "\f30b"; } .fa-long-arrow-alt-up:before { content: "\f30c"; } .fa-low-vision:before { content: "\f2a8"; } .fa-luggage-cart:before { content: "\f59d"; } .fa-lyft:before { content: "\f3c3"; } .fa-magento:before { content: "\f3c4"; } .fa-magic:before { content: "\f0d0"; } .fa-magnet:before { content: "\f076"; } .fa-mail-bulk:before { content: "\f674"; } .fa-mailchimp:before { content: "\f59e"; } .fa-male:before { content: "\f183"; } .fa-mandalorian:before { content: "\f50f"; } .fa-map:before { content: "\f279"; } .fa-map-marked:before { content: "\f59f"; } .fa-map-marked-alt:before { content: "\f5a0"; } .fa-map-marker:before { content: "\f041"; } .fa-map-marker-alt:before { content: "\f3c5"; } .fa-map-pin:before { content: "\f276"; } .fa-map-signs:before { content: "\f277"; } .fa-markdown:before { content: "\f60f"; } .fa-marker:before { content: "\f5a1"; } .fa-mars:before { content: "\f222"; } .fa-mars-double:before { content: "\f227"; } .fa-mars-stroke:before { content: "\f229"; } .fa-mars-stroke-h:before { content: "\f22b"; } .fa-mars-stroke-v:before { content: "\f22a"; } .fa-mask:before { content: "\f6fa"; } .fa-mastodon:before { content: "\f4f6"; } .fa-maxcdn:before { content: "\f136"; } .fa-medal:before { content: "\f5a2"; } .fa-medapps:before { content: "\f3c6"; } .fa-medium:before { content: "\f23a"; } .fa-medium-m:before { content: "\f3c7"; } .fa-medkit:before { content: "\f0fa"; } .fa-medrt:before { content: "\f3c8"; } .fa-meetup:before { content: "\f2e0"; } .fa-megaport:before { content: "\f5a3"; } .fa-meh:before { content: "\f11a"; } .fa-meh-blank:before { content: "\f5a4"; } .fa-meh-rolling-eyes:before { content: "\f5a5"; } .fa-memory:before { content: "\f538"; } .fa-mendeley:before { content: "\f7b3"; } .fa-menorah:before { content: "\f676"; } .fa-mercury:before { content: "\f223"; } .fa-meteor:before { content: "\f753"; } .fa-microchip:before { content: "\f2db"; } .fa-microphone:before { content: "\f130"; } .fa-microphone-alt:before { content: "\f3c9"; } .fa-microphone-alt-slash:before { content: "\f539"; } .fa-microphone-slash:before { content: "\f131"; } .fa-microscope:before { content: "\f610"; } .fa-microsoft:before { content: "\f3ca"; } .fa-minus:before { content: "\f068"; } .fa-minus-circle:before { content: "\f056"; } .fa-minus-square:before { content: "\f146"; } .fa-mitten:before { content: "\f7b5"; } .fa-mix:before { content: "\f3cb"; } .fa-mixcloud:before { content: "\f289"; } .fa-mizuni:before { content: "\f3cc"; } .fa-mobile:before { content: "\f10b"; } .fa-mobile-alt:before { content: "\f3cd"; } .fa-modx:before { content: "\f285"; } .fa-monero:before { content: "\f3d0"; } .fa-money-bill:before { content: "\f0d6"; } .fa-money-bill-alt:before { content: "\f3d1"; } .fa-money-bill-wave:before { content: "\f53a"; } .fa-money-bill-wave-alt:before { content: "\f53b"; } .fa-money-check:before { content: "\f53c"; } .fa-money-check-alt:before { content: "\f53d"; } .fa-monument:before { content: "\f5a6"; } .fa-moon:before { content: "\f186"; } .fa-mortar-pestle:before { content: "\f5a7"; } .fa-mosque:before { content: "\f678"; } .fa-motorcycle:before { content: "\f21c"; } .fa-mountain:before { content: "\f6fc"; } .fa-mouse-pointer:before { content: "\f245"; } .fa-mug-hot:before { content: "\f7b6"; } .fa-music:before { content: "\f001"; } .fa-napster:before { content: "\f3d2"; } .fa-neos:before { content: "\f612"; } .fa-network-wired:before { content: "\f6ff"; } .fa-neuter:before { content: "\f22c"; } .fa-newspaper:before { content: "\f1ea"; } .fa-nimblr:before { content: "\f5a8"; } .fa-nintendo-switch:before { content: "\f418"; } .fa-node:before { content: "\f419"; } .fa-node-js:before { content: "\f3d3"; } .fa-not-equal:before { content: "\f53e"; } .fa-notes-medical:before { content: "\f481"; } .fa-npm:before { content: "\f3d4"; } .fa-ns8:before { content: "\f3d5"; } .fa-nutritionix:before { content: "\f3d6"; } .fa-object-group:before { content: "\f247"; } .fa-object-ungroup:before { content: "\f248"; } .fa-odnoklassniki:before { content: "\f263"; } .fa-odnoklassniki-square:before { content: "\f264"; } .fa-oil-can:before { content: "\f613"; } .fa-old-republic:before { content: "\f510"; } .fa-om:before { content: "\f679"; } .fa-opencart:before { content: "\f23d"; } .fa-openid:before { content: "\f19b"; } .fa-opera:before { content: "\f26a"; } .fa-optin-monster:before { content: "\f23c"; } .fa-osi:before { content: "\f41a"; } .fa-otter:before { content: "\f700"; } .fa-outdent:before { content: "\f03b"; } .fa-page4:before { content: "\f3d7"; } .fa-pagelines:before { content: "\f18c"; } .fa-paint-brush:before { content: "\f1fc"; } .fa-paint-roller:before { content: "\f5aa"; } .fa-palette:before { content: "\f53f"; } .fa-palfed:before { content: "\f3d8"; } .fa-pallet:before { content: "\f482"; } .fa-paper-plane:before { content: "\f1d8"; } .fa-paperclip:before { content: "\f0c6"; } .fa-parachute-box:before { content: "\f4cd"; } .fa-paragraph:before { content: "\f1dd"; } .fa-parking:before { content: "\f540"; } .fa-passport:before { content: "\f5ab"; } .fa-pastafarianism:before { content: "\f67b"; } .fa-paste:before { content: "\f0ea"; } .fa-patreon:before { content: "\f3d9"; } .fa-pause:before { content: "\f04c"; } .fa-pause-circle:before { content: "\f28b"; } .fa-paw:before { content: "\f1b0"; } .fa-paypal:before { content: "\f1ed"; } .fa-peace:before { content: "\f67c"; } .fa-pen:before { content: "\f304"; } .fa-pen-alt:before { content: "\f305"; } .fa-pen-fancy:before { content: "\f5ac"; } .fa-pen-nib:before { content: "\f5ad"; } .fa-pen-square:before { content: "\f14b"; } .fa-pencil-alt:before { content: "\f303"; } .fa-pencil-ruler:before { content: "\f5ae"; } .fa-penny-arcade:before { content: "\f704"; } .fa-people-carry:before { content: "\f4ce"; } .fa-percent:before { content: "\f295"; } .fa-percentage:before { content: "\f541"; } .fa-periscope:before { content: "\f3da"; } .fa-person-booth:before { content: "\f756"; } .fa-phabricator:before { content: "\f3db"; } .fa-phoenix-framework:before { content: "\f3dc"; } .fa-phoenix-squadron:before { content: "\f511"; } .fa-phone:before { content: "\f095"; } .fa-phone-slash:before { content: "\f3dd"; } .fa-phone-square:before { content: "\f098"; } .fa-phone-volume:before { content: "\f2a0"; } .fa-php:before { content: "\f457"; } .fa-pied-piper:before { content: "\f2ae"; } .fa-pied-piper-alt:before { content: "\f1a8"; } .fa-pied-piper-hat:before { content: "\f4e5"; } .fa-pied-piper-pp:before { content: "\f1a7"; } .fa-piggy-bank:before { content: "\f4d3"; } .fa-pills:before { content: "\f484"; } .fa-pinterest:before { content: "\f0d2"; } .fa-pinterest-p:before { content: "\f231"; } .fa-pinterest-square:before { content: "\f0d3"; } .fa-place-of-worship:before { content: "\f67f"; } .fa-plane:before { content: "\f072"; } .fa-plane-arrival:before { content: "\f5af"; } .fa-plane-departure:before { content: "\f5b0"; } .fa-play:before { content: "\f04b"; } .fa-play-circle:before { content: "\f144"; } .fa-playstation:before { content: "\f3df"; } .fa-plug:before { content: "\f1e6"; } .fa-plus:before { content: "\f067"; } .fa-plus-circle:before { content: "\f055"; } .fa-plus-square:before { content: "\f0fe"; } .fa-podcast:before { content: "\f2ce"; } .fa-poll:before { content: "\f681"; } .fa-poll-h:before { content: "\f682"; } .fa-poo:before { content: "\f2fe"; } .fa-poo-storm:before { content: "\f75a"; } .fa-poop:before { content: "\f619"; } .fa-portrait:before { content: "\f3e0"; } .fa-pound-sign:before { content: "\f154"; } .fa-power-off:before { content: "\f011"; } .fa-pray:before { content: "\f683"; } .fa-praying-hands:before { content: "\f684"; } .fa-prescription:before { content: "\f5b1"; } .fa-prescription-bottle:before { content: "\f485"; } .fa-prescription-bottle-alt:before { content: "\f486"; } .fa-print:before { content: "\f02f"; } .fa-procedures:before { content: "\f487"; } .fa-product-hunt:before { content: "\f288"; } .fa-project-diagram:before { content: "\f542"; } .fa-pushed:before { content: "\f3e1"; } .fa-puzzle-piece:before { content: "\f12e"; } .fa-python:before { content: "\f3e2"; } .fa-qq:before { content: "\f1d6"; } .fa-qrcode:before { content: "\f029"; } .fa-question:before { content: "\f128"; } .fa-question-circle:before { content: "\f059"; } .fa-quidditch:before { content: "\f458"; } .fa-quinscape:before { content: "\f459"; } .fa-quora:before { content: "\f2c4"; } .fa-quote-left:before { content: "\f10d"; } .fa-quote-right:before { content: "\f10e"; } .fa-quran:before { content: "\f687"; } .fa-r-project:before { content: "\f4f7"; } .fa-radiation:before { content: "\f7b9"; } .fa-radiation-alt:before { content: "\f7ba"; } .fa-rainbow:before { content: "\f75b"; } .fa-random:before { content: "\f074"; } .fa-raspberry-pi:before { content: "\f7bb"; } .fa-ravelry:before { content: "\f2d9"; } .fa-react:before { content: "\f41b"; } .fa-reacteurope:before { content: "\f75d"; } .fa-readme:before { content: "\f4d5"; } .fa-rebel:before { content: "\f1d0"; } .fa-receipt:before { content: "\f543"; } .fa-recycle:before { content: "\f1b8"; } .fa-red-river:before { content: "\f3e3"; } .fa-reddit:before { content: "\f1a1"; } .fa-reddit-alien:before { content: "\f281"; } .fa-reddit-square:before { content: "\f1a2"; } .fa-redhat:before { content: "\f7bc"; } .fa-redo:before { content: "\f01e"; } .fa-redo-alt:before { content: "\f2f9"; } .fa-registered:before { content: "\f25d"; } .fa-renren:before { content: "\f18b"; } .fa-reply:before { content: "\f3e5"; } .fa-reply-all:before { content: "\f122"; } .fa-replyd:before { content: "\f3e6"; } .fa-republican:before { content: "\f75e"; } .fa-researchgate:before { content: "\f4f8"; } .fa-resolving:before { content: "\f3e7"; } .fa-restroom:before { content: "\f7bd"; } .fa-retweet:before { content: "\f079"; } .fa-rev:before { content: "\f5b2"; } .fa-ribbon:before { content: "\f4d6"; } .fa-ring:before { content: "\f70b"; } .fa-road:before { content: "\f018"; } .fa-robot:before { content: "\f544"; } .fa-rocket:before { content: "\f135"; } .fa-rocketchat:before { content: "\f3e8"; } .fa-rockrms:before { content: "\f3e9"; } .fa-route:before { content: "\f4d7"; } .fa-rss:before { content: "\f09e"; } .fa-rss-square:before { content: "\f143"; } .fa-ruble-sign:before { content: "\f158"; } .fa-ruler:before { content: "\f545"; } .fa-ruler-combined:before { content: "\f546"; } .fa-ruler-horizontal:before { content: "\f547"; } .fa-ruler-vertical:before { content: "\f548"; } .fa-running:before { content: "\f70c"; } .fa-rupee-sign:before { content: "\f156"; } .fa-sad-cry:before { content: "\f5b3"; } .fa-sad-tear:before { content: "\f5b4"; } .fa-safari:before { content: "\f267"; } .fa-sass:before { content: "\f41e"; } .fa-satellite:before { content: "\f7bf"; } .fa-satellite-dish:before { content: "\f7c0"; } .fa-save:before { content: "\f0c7"; } .fa-schlix:before { content: "\f3ea"; } .fa-school:before { content: "\f549"; } .fa-screwdriver:before { content: "\f54a"; } .fa-scribd:before { content: "\f28a"; } .fa-scroll:before { content: "\f70e"; } .fa-sd-card:before { content: "\f7c2"; } .fa-search:before { content: "\f002"; } .fa-search-dollar:before { content: "\f688"; } .fa-search-location:before { content: "\f689"; } .fa-search-minus:before { content: "\f010"; } .fa-search-plus:before { content: "\f00e"; } .fa-searchengin:before { content: "\f3eb"; } .fa-seedling:before { content: "\f4d8"; } .fa-sellcast:before { content: "\f2da"; } .fa-sellsy:before { content: "\f213"; } .fa-server:before { content: "\f233"; } .fa-servicestack:before { content: "\f3ec"; } .fa-shapes:before { content: "\f61f"; } .fa-share:before { content: "\f064"; } .fa-share-alt:before { content: "\f1e0"; } .fa-share-alt-square:before { content: "\f1e1"; } .fa-share-square:before { content: "\f14d"; } .fa-shekel-sign:before { content: "\f20b"; } .fa-shield-alt:before { content: "\f3ed"; } .fa-ship:before { content: "\f21a"; } .fa-shipping-fast:before { content: "\f48b"; } .fa-shirtsinbulk:before { content: "\f214"; } .fa-shoe-prints:before { content: "\f54b"; } .fa-shopping-bag:before { content: "\f290"; } .fa-shopping-basket:before { content: "\f291"; } .fa-shopping-cart:before { content: "\f07a"; } .fa-shopware:before { content: "\f5b5"; } .fa-shower:before { content: "\f2cc"; } .fa-shuttle-van:before { content: "\f5b6"; } .fa-sign:before { content: "\f4d9"; } .fa-sign-in-alt:before { content: "\f2f6"; } .fa-sign-language:before { content: "\f2a7"; } .fa-sign-out-alt:before { content: "\f2f5"; } .fa-signal:before { content: "\f012"; } .fa-signature:before { content: "\f5b7"; } .fa-sim-card:before { content: "\f7c4"; } .fa-simplybuilt:before { content: "\f215"; } .fa-sistrix:before { content: "\f3ee"; } .fa-sitemap:before { content: "\f0e8"; } .fa-sith:before { content: "\f512"; } .fa-skating:before { content: "\f7c5"; } .fa-sketch:before { content: "\f7c6"; } .fa-skiing:before { content: "\f7c9"; } .fa-skiing-nordic:before { content: "\f7ca"; } .fa-skull:before { content: "\f54c"; } .fa-skull-crossbones:before { content: "\f714"; } .fa-skyatlas:before { content: "\f216"; } .fa-skype:before { content: "\f17e"; } .fa-slack:before { content: "\f198"; } .fa-slack-hash:before { content: "\f3ef"; } .fa-slash:before { content: "\f715"; } .fa-sleigh:before { content: "\f7cc"; } .fa-sliders-h:before { content: "\f1de"; } .fa-slideshare:before { content: "\f1e7"; } .fa-smile:before { content: "\f118"; } .fa-smile-beam:before { content: "\f5b8"; } .fa-smile-wink:before { content: "\f4da"; } .fa-smog:before { content: "\f75f"; } .fa-smoking:before { content: "\f48d"; } .fa-smoking-ban:before { content: "\f54d"; } .fa-sms:before { content: "\f7cd"; } .fa-snapchat:before { content: "\f2ab"; } .fa-snapchat-ghost:before { content: "\f2ac"; } .fa-snapchat-square:before { content: "\f2ad"; } .fa-snowboarding:before { content: "\f7ce"; } .fa-snowflake:before { content: "\f2dc"; } .fa-snowman:before { content: "\f7d0"; } .fa-snowplow:before { content: "\f7d2"; } .fa-socks:before { content: "\f696"; } .fa-solar-panel:before { content: "\f5ba"; } .fa-sort:before { content: "\f0dc"; } .fa-sort-alpha-down:before { content: "\f15d"; } .fa-sort-alpha-up:before { content: "\f15e"; } .fa-sort-amount-down:before { content: "\f160"; } .fa-sort-amount-up:before { content: "\f161"; } .fa-sort-down:before { content: "\f0dd"; } .fa-sort-numeric-down:before { content: "\f162"; } .fa-sort-numeric-up:before { content: "\f163"; } .fa-sort-up:before { content: "\f0de"; } .fa-soundcloud:before { content: "\f1be"; } .fa-sourcetree:before { content: "\f7d3"; } .fa-spa:before { content: "\f5bb"; } .fa-space-shuttle:before { content: "\f197"; } .fa-speakap:before { content: "\f3f3"; } .fa-spider:before { content: "\f717"; } .fa-spinner:before { content: "\f110"; } .fa-splotch:before { content: "\f5bc"; } .fa-spotify:before { content: "\f1bc"; } .fa-spray-can:before { content: "\f5bd"; } .fa-square:before { content: "\f0c8"; } .fa-square-full:before { content: "\f45c"; } .fa-square-root-alt:before { content: "\f698"; } .fa-squarespace:before { content: "\f5be"; } .fa-stack-exchange:before { content: "\f18d"; } .fa-stack-overflow:before { content: "\f16c"; } .fa-stamp:before { content: "\f5bf"; } .fa-star:before { content: "\f005"; } .fa-star-and-crescent:before { content: "\f699"; } .fa-star-half:before { content: "\f089"; } .fa-star-half-alt:before { content: "\f5c0"; } .fa-star-of-david:before { content: "\f69a"; } .fa-star-of-life:before { content: "\f621"; } .fa-staylinked:before { content: "\f3f5"; } .fa-steam:before { content: "\f1b6"; } .fa-steam-square:before { content: "\f1b7"; } .fa-steam-symbol:before { content: "\f3f6"; } .fa-step-backward:before { content: "\f048"; } .fa-step-forward:before { content: "\f051"; } .fa-stethoscope:before { content: "\f0f1"; } .fa-sticker-mule:before { content: "\f3f7"; } .fa-sticky-note:before { content: "\f249"; } .fa-stop:before { content: "\f04d"; } .fa-stop-circle:before { content: "\f28d"; } .fa-stopwatch:before { content: "\f2f2"; } .fa-store:before { content: "\f54e"; } .fa-store-alt:before { content: "\f54f"; } .fa-strava:before { content: "\f428"; } .fa-stream:before { content: "\f550"; } .fa-street-view:before { content: "\f21d"; } .fa-strikethrough:before { content: "\f0cc"; } .fa-stripe:before { content: "\f429"; } .fa-stripe-s:before { content: "\f42a"; } .fa-stroopwafel:before { content: "\f551"; } .fa-studiovinari:before { content: "\f3f8"; } .fa-stumbleupon:before { content: "\f1a4"; } .fa-stumbleupon-circle:before { content: "\f1a3"; } .fa-subscript:before { content: "\f12c"; } .fa-subway:before { content: "\f239"; } .fa-suitcase:before { content: "\f0f2"; } .fa-suitcase-rolling:before { content: "\f5c1"; } .fa-sun:before { content: "\f185"; } .fa-superpowers:before { content: "\f2dd"; } .fa-superscript:before { content: "\f12b"; } .fa-supple:before { content: "\f3f9"; } .fa-surprise:before { content: "\f5c2"; } .fa-suse:before { content: "\f7d6"; } .fa-swatchbook:before { content: "\f5c3"; } .fa-swimmer:before { content: "\f5c4"; } .fa-swimming-pool:before { content: "\f5c5"; } .fa-synagogue:before { content: "\f69b"; } .fa-sync:before { content: "\f021"; } .fa-sync-alt:before { content: "\f2f1"; } .fa-syringe:before { content: "\f48e"; } .fa-table:before { content: "\f0ce"; } .fa-table-tennis:before { content: "\f45d"; } .fa-tablet:before { content: "\f10a"; } .fa-tablet-alt:before { content: "\f3fa"; } .fa-tablets:before { content: "\f490"; } .fa-tachometer-alt:before { content: "\f3fd"; } .fa-tag:before { content: "\f02b"; } .fa-tags:before { content: "\f02c"; } .fa-tape:before { content: "\f4db"; } .fa-tasks:before { content: "\f0ae"; } .fa-taxi:before { content: "\f1ba"; } .fa-teamspeak:before { content: "\f4f9"; } .fa-teeth:before { content: "\f62e"; } .fa-teeth-open:before { content: "\f62f"; } .fa-telegram:before { content: "\f2c6"; } .fa-telegram-plane:before { content: "\f3fe"; } .fa-temperature-high:before { content: "\f769"; } .fa-temperature-low:before { content: "\f76b"; } .fa-tencent-weibo:before { content: "\f1d5"; } .fa-tenge:before { content: "\f7d7"; } .fa-terminal:before { content: "\f120"; } .fa-text-height:before { content: "\f034"; } .fa-text-width:before { content: "\f035"; } .fa-th:before { content: "\f00a"; } .fa-th-large:before { content: "\f009"; } .fa-th-list:before { content: "\f00b"; } .fa-the-red-yeti:before { content: "\f69d"; } .fa-theater-masks:before { content: "\f630"; } .fa-themeco:before { content: "\f5c6"; } .fa-themeisle:before { content: "\f2b2"; } .fa-thermometer:before { content: "\f491"; } .fa-thermometer-empty:before { content: "\f2cb"; } .fa-thermometer-full:before { content: "\f2c7"; } .fa-thermometer-half:before { content: "\f2c9"; } .fa-thermometer-quarter:before { content: "\f2ca"; } .fa-thermometer-three-quarters:before { content: "\f2c8"; } .fa-think-peaks:before { content: "\f731"; } .fa-thumbs-down:before { content: "\f165"; } .fa-thumbs-up:before { content: "\f164"; } .fa-thumbtack:before { content: "\f08d"; } .fa-ticket-alt:before { content: "\f3ff"; } .fa-times:before { content: "\f00d"; } .fa-times-circle:before { content: "\f057"; } .fa-tint:before { content: "\f043"; } .fa-tint-slash:before { content: "\f5c7"; } .fa-tired:before { content: "\f5c8"; } .fa-toggle-off:before { content: "\f204"; } .fa-toggle-on:before { content: "\f205"; } .fa-toilet:before { content: "\f7d8"; } .fa-toilet-paper:before { content: "\f71e"; } .fa-toolbox:before { content: "\f552"; } .fa-tools:before { content: "\f7d9"; } .fa-tooth:before { content: "\f5c9"; } .fa-torah:before { content: "\f6a0"; } .fa-torii-gate:before { content: "\f6a1"; } .fa-tractor:before { content: "\f722"; } .fa-trade-federation:before { content: "\f513"; } .fa-trademark:before { content: "\f25c"; } .fa-traffic-light:before { content: "\f637"; } .fa-train:before { content: "\f238"; } .fa-tram:before { content: "\f7da"; } .fa-transgender:before { content: "\f224"; } .fa-transgender-alt:before { content: "\f225"; } .fa-trash:before { content: "\f1f8"; } .fa-trash-alt:before { content: "\f2ed"; } .fa-tree:before { content: "\f1bb"; } .fa-trello:before { content: "\f181"; } .fa-tripadvisor:before { content: "\f262"; } .fa-trophy:before { content: "\f091"; } .fa-truck:before { content: "\f0d1"; } .fa-truck-loading:before { content: "\f4de"; } .fa-truck-monster:before { content: "\f63b"; } .fa-truck-moving:before { content: "\f4df"; } .fa-truck-pickup:before { content: "\f63c"; } .fa-tshirt:before { content: "\f553"; } .fa-tty:before { content: "\f1e4"; } .fa-tumblr:before { content: "\f173"; } .fa-tumblr-square:before { content: "\f174"; } .fa-tv:before { content: "\f26c"; } .fa-twitch:before { content: "\f1e8"; } .fa-twitter:before { content: "\f099"; } .fa-twitter-square:before { content: "\f081"; } .fa-typo3:before { content: "\f42b"; } .fa-uber:before { content: "\f402"; } .fa-ubuntu:before { content: "\f7df"; } .fa-uikit:before { content: "\f403"; } .fa-umbrella:before { content: "\f0e9"; } .fa-umbrella-beach:before { content: "\f5ca"; } .fa-underline:before { content: "\f0cd"; } .fa-undo:before { content: "\f0e2"; } .fa-undo-alt:before { content: "\f2ea"; } .fa-uniregistry:before { content: "\f404"; } .fa-universal-access:before { content: "\f29a"; } .fa-university:before { content: "\f19c"; } .fa-unlink:before { content: "\f127"; } .fa-unlock:before { content: "\f09c"; } .fa-unlock-alt:before { content: "\f13e"; } .fa-untappd:before { content: "\f405"; } .fa-upload:before { content: "\f093"; } .fa-ups:before { content: "\f7e0"; } .fa-usb:before { content: "\f287"; } .fa-user:before { content: "\f007"; } .fa-user-alt:before { content: "\f406"; } .fa-user-alt-slash:before { content: "\f4fa"; } .fa-user-astronaut:before { content: "\f4fb"; } .fa-user-check:before { content: "\f4fc"; } .fa-user-circle:before { content: "\f2bd"; } .fa-user-clock:before { content: "\f4fd"; } .fa-user-cog:before { content: "\f4fe"; } .fa-user-edit:before { content: "\f4ff"; } .fa-user-friends:before { content: "\f500"; } .fa-user-graduate:before { content: "\f501"; } .fa-user-injured:before { content: "\f728"; } .fa-user-lock:before { content: "\f502"; } .fa-user-md:before { content: "\f0f0"; } .fa-user-minus:before { content: "\f503"; } .fa-user-ninja:before { content: "\f504"; } .fa-user-plus:before { content: "\f234"; } .fa-user-secret:before { content: "\f21b"; } .fa-user-shield:before { content: "\f505"; } .fa-user-slash:before { content: "\f506"; } .fa-user-tag:before { content: "\f507"; } .fa-user-tie:before { content: "\f508"; } .fa-user-times:before { content: "\f235"; } .fa-users:before { content: "\f0c0"; } .fa-users-cog:before { content: "\f509"; } .fa-usps:before { content: "\f7e1"; } .fa-ussunnah:before { content: "\f407"; } .fa-utensil-spoon:before { content: "\f2e5"; } .fa-utensils:before { content: "\f2e7"; } .fa-vaadin:before { content: "\f408"; } .fa-vector-square:before { content: "\f5cb"; } .fa-venus:before { content: "\f221"; } .fa-venus-double:before { content: "\f226"; } .fa-venus-mars:before { content: "\f228"; } .fa-viacoin:before { content: "\f237"; } .fa-viadeo:before { content: "\f2a9"; } .fa-viadeo-square:before { content: "\f2aa"; } .fa-vial:before { content: "\f492"; } .fa-vials:before { content: "\f493"; } .fa-viber:before { content: "\f409"; } .fa-video:before { content: "\f03d"; } .fa-video-slash:before { content: "\f4e2"; } .fa-vihara:before { content: "\f6a7"; } .fa-vimeo:before { content: "\f40a"; } .fa-vimeo-square:before { content: "\f194"; } .fa-vimeo-v:before { content: "\f27d"; } .fa-vine:before { content: "\f1ca"; } .fa-vk:before { content: "\f189"; } .fa-vnv:before { content: "\f40b"; } .fa-volleyball-ball:before { content: "\f45f"; } .fa-volume-down:before { content: "\f027"; } .fa-volume-mute:before { content: "\f6a9"; } .fa-volume-off:before { content: "\f026"; } .fa-volume-up:before { content: "\f028"; } .fa-vote-yea:before { content: "\f772"; } .fa-vr-cardboard:before { content: "\f729"; } .fa-vuejs:before { content: "\f41f"; } .fa-walking:before { content: "\f554"; } .fa-wallet:before { content: "\f555"; } .fa-warehouse:before { content: "\f494"; } .fa-water:before { content: "\f773"; } .fa-weebly:before { content: "\f5cc"; } .fa-weibo:before { content: "\f18a"; } .fa-weight:before { content: "\f496"; } .fa-weight-hanging:before { content: "\f5cd"; } .fa-weixin:before { content: "\f1d7"; } .fa-whatsapp:before { content: "\f232"; } .fa-whatsapp-square:before { content: "\f40c"; } .fa-wheelchair:before { content: "\f193"; } .fa-whmcs:before { content: "\f40d"; } .fa-wifi:before { content: "\f1eb"; } .fa-wikipedia-w:before { content: "\f266"; } .fa-wind:before { content: "\f72e"; } .fa-window-close:before { content: "\f410"; } .fa-window-maximize:before { content: "\f2d0"; } .fa-window-minimize:before { content: "\f2d1"; } .fa-window-restore:before { content: "\f2d2"; } .fa-windows:before { content: "\f17a"; } .fa-wine-bottle:before { content: "\f72f"; } .fa-wine-glass:before { content: "\f4e3"; } .fa-wine-glass-alt:before { content: "\f5ce"; } .fa-wix:before { content: "\f5cf"; } .fa-wizards-of-the-coast:before { content: "\f730"; } .fa-wolf-pack-battalion:before { content: "\f514"; } .fa-won-sign:before { content: "\f159"; } .fa-wordpress:before { content: "\f19a"; } .fa-wordpress-simple:before { content: "\f411"; } .fa-wpbeginner:before { content: "\f297"; } .fa-wpexplorer:before { content: "\f2de"; } .fa-wpforms:before { content: "\f298"; } .fa-wpressr:before { content: "\f3e4"; } .fa-wrench:before { content: "\f0ad"; } .fa-x-ray:before { content: "\f497"; } .fa-xbox:before { content: "\f412"; } .fa-xing:before { content: "\f168"; } .fa-xing-square:before { content: "\f169"; } .fa-y-combinator:before { content: "\f23b"; } .fa-yahoo:before { content: "\f19e"; } .fa-yandex:before { content: "\f413"; } .fa-yandex-international:before { content: "\f414"; } .fa-yarn:before { content: "\f7e3"; } .fa-yelp:before { content: "\f1e9"; } .fa-yen-sign:before { content: "\f157"; } .fa-yin-yang:before { content: "\f6ad"; } .fa-yoast:before { content: "\f2b1"; } .fa-youtube:before { content: "\f167"; } .fa-youtube-square:before { content: "\f431"; } .fa-zhihu:before { content: "\f63f"; } .sr-only { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .sr-only-focusable:active, .sr-only-focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; } .fa-2x { line-height: 2; } @font-face { font-family: "Ionicons"; src: url(../fonts/ionicons.eot); src: url(../fonts/ionicons.eot#iefix) format("embedded-opentype"), url(../fonts/ionicons.ttf) format("truetype"), url(../fonts/ionicons.woff) format("woff"), url(../fonts/ionicons.svg#Ionicons) format("svg"); font-weight: normal; font-style: normal; } .ion, .ionicons, .ion-alert:before, .ion-alert-circled:before, .ion-android-add:before, .ion-android-add-circle:before, .ion-android-alarm-clock:before, .ion-android-alert:before, .ion-android-apps:before, .ion-android-archive:before, .ion-android-arrow-back:before, .ion-android-arrow-down:before, .ion-android-arrow-dropdown:before, .ion-android-arrow-dropdown-circle:before, .ion-android-arrow-dropleft:before, .ion-android-arrow-dropleft-circle:before, .ion-android-arrow-dropright:before, .ion-android-arrow-dropright-circle:before, .ion-android-arrow-dropup:before, .ion-android-arrow-dropup-circle:before, .ion-android-arrow-forward:before, .ion-android-arrow-up:before, .ion-android-attach:before, .ion-android-bar:before, .ion-android-bicycle:before, .ion-android-boat:before, .ion-android-bookmark:before, .ion-android-bulb:before, .ion-android-bus:before, .ion-android-calendar:before, .ion-android-call:before, .ion-android-camera:before, .ion-android-cancel:before, .ion-android-car:before, .ion-android-cart:before, .ion-android-chat:before, .ion-android-checkbox:before, .ion-android-checkbox-blank:before, .ion-android-checkbox-outline:before, .ion-android-checkbox-outline-blank:before, .ion-android-checkmark-circle:before, .ion-android-clipboard:before, .ion-android-close:before, .ion-android-cloud:before, .ion-android-cloud-circle:before, .ion-android-cloud-done:before, .ion-android-cloud-outline:before, .ion-android-color-palette:before, .ion-android-compass:before, .ion-android-contact:before, .ion-android-contacts:before, .ion-android-contract:before, .ion-android-create:before, .ion-android-delete:before, .ion-android-desktop:before, .ion-android-document:before, .ion-android-done:before, .ion-android-done-all:before, .ion-android-download:before, .ion-android-drafts:before, .ion-android-exit:before, .ion-android-expand:before, .ion-android-favorite:before, .ion-android-favorite-outline:before, .ion-android-film:before, .ion-android-folder:before, .ion-android-folder-open:before, .ion-android-funnel:before, .ion-android-globe:before, .ion-android-hand:before, .ion-android-hangout:before, .ion-android-happy:before, .ion-android-home:before, .ion-android-image:before, .ion-android-laptop:before, .ion-android-list:before, .ion-android-locate:before, .ion-android-lock:before, .ion-android-mail:before, .ion-android-map:before, .ion-android-menu:before, .ion-android-microphone:before, .ion-android-microphone-off:before, .ion-android-more-horizontal:before, .ion-android-more-vertical:before, .ion-android-navigate:before, .ion-android-notifications:before, .ion-android-notifications-none:before, .ion-android-notifications-off:before, .ion-android-open:before, .ion-android-options:before, .ion-android-people:before, .ion-android-person:before, .ion-android-person-add:before, .ion-android-phone-landscape:before, .ion-android-phone-portrait:before, .ion-android-pin:before, .ion-android-plane:before, .ion-android-playstore:before, .ion-android-print:before, .ion-android-radio-button-off:before, .ion-android-radio-button-on:before, .ion-android-refresh:before, .ion-android-remove:before, .ion-android-remove-circle:before, .ion-android-restaurant:before, .ion-android-sad:before, .ion-android-search:before, .ion-android-send:before, .ion-android-settings:before, .ion-android-share:before, .ion-android-share-alt:before, .ion-android-star:before, .ion-android-star-half:before, .ion-android-star-outline:before, .ion-android-stopwatch:before, .ion-android-subway:before, .ion-android-sunny:before, .ion-android-sync:before, .ion-android-textsms:before, .ion-android-time:before, .ion-android-train:before, .ion-android-unlock:before, .ion-android-upload:before, .ion-android-volume-down:before, .ion-android-volume-mute:before, .ion-android-volume-off:before, .ion-android-volume-up:before, .ion-android-walk:before, .ion-android-warning:before, .ion-android-watch:before, .ion-android-wifi:before, .ion-aperture:before, .ion-archive:before, .ion-arrow-down-a:before, .ion-arrow-down-b:before, .ion-arrow-down-c:before, .ion-arrow-expand:before, .ion-arrow-graph-down-left:before, .ion-arrow-graph-down-right:before, .ion-arrow-graph-up-left:before, .ion-arrow-graph-up-right:before, .ion-arrow-left-a:before, .ion-arrow-left-b:before, .ion-arrow-left-c:before, .ion-arrow-move:before, .ion-arrow-resize:before, .ion-arrow-return-left:before, .ion-arrow-return-right:before, .ion-arrow-right-a:before, .ion-arrow-right-b:before, .ion-arrow-right-c:before, .ion-arrow-shrink:before, .ion-arrow-swap:before, .ion-arrow-up-a:before, .ion-arrow-up-b:before, .ion-arrow-up-c:before, .ion-asterisk:before, .ion-at:before, .ion-backspace:before, .ion-backspace-outline:before, .ion-bag:before, .ion-battery-charging:before, .ion-battery-empty:before, .ion-battery-full:before, .ion-battery-half:before, .ion-battery-low:before, .ion-beaker:before, .ion-beer:before, .ion-bluetooth:before, .ion-bonfire:before, .ion-bookmark:before, .ion-bowtie:before, .ion-briefcase:before, .ion-bug:before, .ion-calculator:before, .ion-calendar:before, .ion-camera:before, .ion-card:before, .ion-cash:before, .ion-chatbox:before, .ion-chatbox-working:before, .ion-chatboxes:before, .ion-chatbubble:before, .ion-chatbubble-working:before, .ion-chatbubbles:before, .ion-checkmark:before, .ion-checkmark-circled:before, .ion-checkmark-round:before, .ion-chevron-down:before, .ion-chevron-left:before, .ion-chevron-right:before, .ion-chevron-up:before, .ion-clipboard:before, .ion-clock:before, .ion-close:before, .ion-close-circled:before, .ion-close-round:before, .ion-closed-captioning:before, .ion-cloud:before, .ion-code:before, .ion-code-download:before, .ion-code-working:before, .ion-coffee:before, .ion-compass:before, .ion-compose:before, .ion-connection-bars:before, .ion-contrast:before, .ion-crop:before, .ion-cube:before, .ion-disc:before, .ion-document:before, .ion-document-text:before, .ion-drag:before, .ion-earth:before, .ion-easel:before, .ion-edit:before, .ion-egg:before, .ion-eject:before, .ion-email:before, .ion-email-unread:before, .ion-erlenmeyer-flask:before, .ion-erlenmeyer-flask-bubbles:before, .ion-eye:before, .ion-eye-disabled:before, .ion-female:before, .ion-filing:before, .ion-film-marker:before, .ion-fireball:before, .ion-flag:before, .ion-flame:before, .ion-flash:before, .ion-flash-off:before, .ion-folder:before, .ion-fork:before, .ion-fork-repo:before, .ion-forward:before, .ion-funnel:before, .ion-gear-a:before, .ion-gear-b:before, .ion-grid:before, .ion-hammer:before, .ion-happy:before, .ion-happy-outline:before, .ion-headphone:before, .ion-heart:before, .ion-heart-broken:before, .ion-help:before, .ion-help-buoy:before, .ion-help-circled:before, .ion-home:before, .ion-icecream:before, .ion-image:before, .ion-images:before, .ion-information:before, .ion-information-circled:before, .ion-ionic:before, .ion-ios-alarm:before, .ion-ios-alarm-outline:before, .ion-ios-albums:before, .ion-ios-albums-outline:before, .ion-ios-americanfootball:before, .ion-ios-americanfootball-outline:before, .ion-ios-analytics:before, .ion-ios-analytics-outline:before, .ion-ios-arrow-back:before, .ion-ios-arrow-down:before, .ion-ios-arrow-forward:before, .ion-ios-arrow-left:before, .ion-ios-arrow-right:before, .ion-ios-arrow-thin-down:before, .ion-ios-arrow-thin-left:before, .ion-ios-arrow-thin-right:before, .ion-ios-arrow-thin-up:before, .ion-ios-arrow-up:before, .ion-ios-at:before, .ion-ios-at-outline:before, .ion-ios-barcode:before, .ion-ios-barcode-outline:before, .ion-ios-baseball:before, .ion-ios-baseball-outline:before, .ion-ios-basketball:before, .ion-ios-basketball-outline:before, .ion-ios-bell:before, .ion-ios-bell-outline:before, .ion-ios-body:before, .ion-ios-body-outline:before, .ion-ios-bolt:before, .ion-ios-bolt-outline:before, .ion-ios-book:before, .ion-ios-book-outline:before, .ion-ios-bookmarks:before, .ion-ios-bookmarks-outline:before, .ion-ios-box:before, .ion-ios-box-outline:before, .ion-ios-briefcase:before, .ion-ios-briefcase-outline:before, .ion-ios-browsers:before, .ion-ios-browsers-outline:before, .ion-ios-calculator:before, .ion-ios-calculator-outline:before, .ion-ios-calendar:before, .ion-ios-calendar-outline:before, .ion-ios-camera:before, .ion-ios-camera-outline:before, .ion-ios-cart:before, .ion-ios-cart-outline:before, .ion-ios-chatboxes:before, .ion-ios-chatboxes-outline:before, .ion-ios-chatbubble:before, .ion-ios-chatbubble-outline:before, .ion-ios-checkmark:before, .ion-ios-checkmark-empty:before, .ion-ios-checkmark-outline:before, .ion-ios-circle-filled:before, .ion-ios-circle-outline:before, .ion-ios-clock:before, .ion-ios-clock-outline:before, .ion-ios-close:before, .ion-ios-close-empty:before, .ion-ios-close-outline:before, .ion-ios-cloud:before, .ion-ios-cloud-download:before, .ion-ios-cloud-download-outline:before, .ion-ios-cloud-outline:before, .ion-ios-cloud-upload:before, .ion-ios-cloud-upload-outline:before, .ion-ios-cloudy:before, .ion-ios-cloudy-night:before, .ion-ios-cloudy-night-outline:before, .ion-ios-cloudy-outline:before, .ion-ios-cog:before, .ion-ios-cog-outline:before, .ion-ios-color-filter:before, .ion-ios-color-filter-outline:before, .ion-ios-color-wand:before, .ion-ios-color-wand-outline:before, .ion-ios-compose:before, .ion-ios-compose-outline:before, .ion-ios-contact:before, .ion-ios-contact-outline:before, .ion-ios-copy:before, .ion-ios-copy-outline:before, .ion-ios-crop:before, .ion-ios-crop-strong:before, .ion-ios-download:before, .ion-ios-download-outline:before, .ion-ios-drag:before, .ion-ios-email:before, .ion-ios-email-outline:before, .ion-ios-eye:before, .ion-ios-eye-outline:before, .ion-ios-fastforward:before, .ion-ios-fastforward-outline:before, .ion-ios-filing:before, .ion-ios-filing-outline:before, .ion-ios-film:before, .ion-ios-film-outline:before, .ion-ios-flag:before, .ion-ios-flag-outline:before, .ion-ios-flame:before, .ion-ios-flame-outline:before, .ion-ios-flask:before, .ion-ios-flask-outline:before, .ion-ios-flower:before, .ion-ios-flower-outline:before, .ion-ios-folder:before, .ion-ios-folder-outline:before, .ion-ios-football:before, .ion-ios-football-outline:before, .ion-ios-game-controller-a:before, .ion-ios-game-controller-a-outline:before, .ion-ios-game-controller-b:before, .ion-ios-game-controller-b-outline:before, .ion-ios-gear:before, .ion-ios-gear-outline:before, .ion-ios-glasses:before, .ion-ios-glasses-outline:before, .ion-ios-grid-view:before, .ion-ios-grid-view-outline:before, .ion-ios-heart:before, .ion-ios-heart-outline:before, .ion-ios-help:before, .ion-ios-help-empty:before, .ion-ios-help-outline:before, .ion-ios-home:before, .ion-ios-home-outline:before, .ion-ios-infinite:before, .ion-ios-infinite-outline:before, .ion-ios-information:before, .ion-ios-information-empty:before, .ion-ios-information-outline:before, .ion-ios-ionic-outline:before, .ion-ios-keypad:before, .ion-ios-keypad-outline:before, .ion-ios-lightbulb:before, .ion-ios-lightbulb-outline:before, .ion-ios-list:before, .ion-ios-list-outline:before, .ion-ios-location:before, .ion-ios-location-outline:before, .ion-ios-locked:before, .ion-ios-locked-outline:before, .ion-ios-loop:before, .ion-ios-loop-strong:before, .ion-ios-medical:before, .ion-ios-medical-outline:before, .ion-ios-medkit:before, .ion-ios-medkit-outline:before, .ion-ios-mic:before, .ion-ios-mic-off:before, .ion-ios-mic-outline:before, .ion-ios-minus:before, .ion-ios-minus-empty:before, .ion-ios-minus-outline:before, .ion-ios-monitor:before, .ion-ios-monitor-outline:before, .ion-ios-moon:before, .ion-ios-moon-outline:before, .ion-ios-more:before, .ion-ios-more-outline:before, .ion-ios-musical-note:before, .ion-ios-musical-notes:before, .ion-ios-navigate:before, .ion-ios-navigate-outline:before, .ion-ios-nutrition:before, .ion-ios-nutrition-outline:before, .ion-ios-paper:before, .ion-ios-paper-outline:before, .ion-ios-paperplane:before, .ion-ios-paperplane-outline:before, .ion-ios-partlysunny:before, .ion-ios-partlysunny-outline:before, .ion-ios-pause:before, .ion-ios-pause-outline:before, .ion-ios-paw:before, .ion-ios-paw-outline:before, .ion-ios-people:before, .ion-ios-people-outline:before, .ion-ios-person:before, .ion-ios-person-outline:before, .ion-ios-personadd:before, .ion-ios-personadd-outline:before, .ion-ios-photos:before, .ion-ios-photos-outline:before, .ion-ios-pie:before, .ion-ios-pie-outline:before, .ion-ios-pint:before, .ion-ios-pint-outline:before, .ion-ios-play:before, .ion-ios-play-outline:before, .ion-ios-plus:before, .ion-ios-plus-empty:before, .ion-ios-plus-outline:before, .ion-ios-pricetag:before, .ion-ios-pricetag-outline:before, .ion-ios-pricetags:before, .ion-ios-pricetags-outline:before, .ion-ios-printer:before, .ion-ios-printer-outline:before, .ion-ios-pulse:before, .ion-ios-pulse-strong:before, .ion-ios-rainy:before, .ion-ios-rainy-outline:before, .ion-ios-recording:before, .ion-ios-recording-outline:before, .ion-ios-redo:before, .ion-ios-redo-outline:before, .ion-ios-refresh:before, .ion-ios-refresh-empty:before, .ion-ios-refresh-outline:before, .ion-ios-reload:before, .ion-ios-reverse-camera:before, .ion-ios-reverse-camera-outline:before, .ion-ios-rewind:before, .ion-ios-rewind-outline:before, .ion-ios-rose:before, .ion-ios-rose-outline:before, .ion-ios-search:before, .ion-ios-search-strong:before, .ion-ios-settings:before, .ion-ios-settings-strong:before, .ion-ios-shuffle:before, .ion-ios-shuffle-strong:before, .ion-ios-skipbackward:before, .ion-ios-skipbackward-outline:before, .ion-ios-skipforward:before, .ion-ios-skipforward-outline:before, .ion-ios-snowy:before, .ion-ios-speedometer:before, .ion-ios-speedometer-outline:before, .ion-ios-star:before, .ion-ios-star-half:before, .ion-ios-star-outline:before, .ion-ios-stopwatch:before, .ion-ios-stopwatch-outline:before, .ion-ios-sunny:before, .ion-ios-sunny-outline:before, .ion-ios-telephone:before, .ion-ios-telephone-outline:before, .ion-ios-tennisball:before, .ion-ios-tennisball-outline:before, .ion-ios-thunderstorm:before, .ion-ios-thunderstorm-outline:before, .ion-ios-time:before, .ion-ios-time-outline:before, .ion-ios-timer:before, .ion-ios-timer-outline:before, .ion-ios-toggle:before, .ion-ios-toggle-outline:before, .ion-ios-trash:before, .ion-ios-trash-outline:before, .ion-ios-undo:before, .ion-ios-undo-outline:before, .ion-ios-unlocked:before, .ion-ios-unlocked-outline:before, .ion-ios-upload:before, .ion-ios-upload-outline:before, .ion-ios-videocam:before, .ion-ios-videocam-outline:before, .ion-ios-volume-high:before, .ion-ios-volume-low:before, .ion-ios-wineglass:before, .ion-ios-wineglass-outline:before, .ion-ios-world:before, .ion-ios-world-outline:before, .ion-ipad:before, .ion-iphone:before, .ion-ipod:before, .ion-jet:before, .ion-key:before, .ion-knife:before, .ion-laptop:before, .ion-leaf:before, .ion-levels:before, .ion-lightbulb:before, .ion-link:before, .ion-load-a:before, .ion-load-b:before, .ion-load-c:before, .ion-load-d:before, .ion-location:before, .ion-lock-combination:before, .ion-locked:before, .ion-log-in:before, .ion-log-out:before, .ion-loop:before, .ion-magnet:before, .ion-male:before, .ion-man:before, .ion-map:before, .ion-medkit:before, .ion-merge:before, .ion-mic-a:before, .ion-mic-b:before, .ion-mic-c:before, .ion-minus:before, .ion-minus-circled:before, .ion-minus-round:before, .ion-model-s:before, .ion-monitor:before, .ion-more:before, .ion-mouse:before, .ion-music-note:before, .ion-navicon:before, .ion-navicon-round:before, .ion-navigate:before, .ion-network:before, .ion-no-smoking:before, .ion-nuclear:before, .ion-outlet:before, .ion-paintbrush:before, .ion-paintbucket:before, .ion-paper-airplane:before, .ion-paperclip:before, .ion-pause:before, .ion-person:before, .ion-person-add:before, .ion-person-stalker:before, .ion-pie-graph:before, .ion-pin:before, .ion-pinpoint:before, .ion-pizza:before, .ion-plane:before, .ion-planet:before, .ion-play:before, .ion-playstation:before, .ion-plus:before, .ion-plus-circled:before, .ion-plus-round:before, .ion-podium:before, .ion-pound:before, .ion-power:before, .ion-pricetag:before, .ion-pricetags:before, .ion-printer:before, .ion-pull-request:before, .ion-qr-scanner:before, .ion-quote:before, .ion-radio-waves:before, .ion-record:before, .ion-refresh:before, .ion-reply:before, .ion-reply-all:before, .ion-ribbon-a:before, .ion-ribbon-b:before, .ion-sad:before, .ion-sad-outline:before, .ion-scissors:before, .ion-search:before, .ion-settings:before, .ion-share:before, .ion-shuffle:before, .ion-skip-backward:before, .ion-skip-forward:before, .ion-social-android:before, .ion-social-android-outline:before, .ion-social-angular:before, .ion-social-angular-outline:before, .ion-social-apple:before, .ion-social-apple-outline:before, .ion-social-bitcoin:before, .ion-social-bitcoin-outline:before, .ion-social-buffer:before, .ion-social-buffer-outline:before, .ion-social-chrome:before, .ion-social-chrome-outline:before, .ion-social-codepen:before, .ion-social-codepen-outline:before, .ion-social-css3:before, .ion-social-css3-outline:before, .ion-social-designernews:before, .ion-social-designernews-outline:before, .ion-social-dribbble:before, .ion-social-dribbble-outline:before, .ion-social-dropbox:before, .ion-social-dropbox-outline:before, .ion-social-euro:before, .ion-social-euro-outline:before, .ion-social-facebook:before, .ion-social-facebook-outline:before, .ion-social-foursquare:before, .ion-social-foursquare-outline:before, .ion-social-freebsd-devil:before, .ion-social-github:before, .ion-social-github-outline:before, .ion-social-google:before, .ion-social-google-outline:before, .ion-social-googleplus:before, .ion-social-googleplus-outline:before, .ion-social-hackernews:before, .ion-social-hackernews-outline:before, .ion-social-html5:before, .ion-social-html5-outline:before, .ion-social-instagram:before, .ion-social-instagram-outline:before, .ion-social-javascript:before, .ion-social-javascript-outline:before, .ion-social-linkedin:before, .ion-social-linkedin-outline:before, .ion-social-markdown:before, .ion-social-nodejs:before, .ion-social-octocat:before, .ion-social-pinterest:before, .ion-social-pinterest-outline:before, .ion-social-python:before, .ion-social-reddit:before, .ion-social-reddit-outline:before, .ion-social-rss:before, .ion-social-rss-outline:before, .ion-social-sass:before, .ion-social-skype:before, .ion-social-skype-outline:before, .ion-social-snapchat:before, .ion-social-snapchat-outline:before, .ion-social-tumblr:before, .ion-social-tumblr-outline:before, .ion-social-tux:before, .ion-social-twitch:before, .ion-social-twitch-outline:before, .ion-social-twitter:before, .ion-social-twitter-outline:before, .ion-social-usd:before, .ion-social-usd-outline:before, .ion-social-vimeo:before, .ion-social-vimeo-outline:before, .ion-social-whatsapp:before, .ion-social-whatsapp-outline:before, .ion-social-windows:before, .ion-social-windows-outline:before, .ion-social-wordpress:before, .ion-social-wordpress-outline:before, .ion-social-yahoo:before, .ion-social-yahoo-outline:before, .ion-social-yen:before, .ion-social-yen-outline:before, .ion-social-youtube:before, .ion-social-youtube-outline:before, .ion-soup-can:before, .ion-soup-can-outline:before, .ion-speakerphone:before, .ion-speedometer:before, .ion-spoon:before, .ion-star:before, .ion-stats-bars:before, .ion-steam:before, .ion-stop:before, .ion-thermometer:before, .ion-thumbsdown:before, .ion-thumbsup:before, .ion-toggle:before, .ion-toggle-filled:before, .ion-transgender:before, .ion-trash-a:before, .ion-trash-b:before, .ion-trophy:before, .ion-tshirt:before, .ion-tshirt-outline:before, .ion-umbrella:before, .ion-university:before, .ion-unlocked:before, .ion-upload:before, .ion-usb:before, .ion-videocamera:before, .ion-volume-high:before, .ion-volume-low:before, .ion-volume-medium:before, .ion-volume-mute:before, .ion-wand:before, .ion-waterdrop:before, .ion-wifi:before, .ion-wineglass:before, .ion-woman:before, .ion-wrench:before, .ion-xbox:before { display: inline-block; font-family: "Ionicons"; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; text-rendering: auto; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .ion-alert:before { content: ""; } .ion-alert-circled:before { content: ""; } .ion-android-add:before { content: ""; } .ion-android-add-circle:before { content: ""; } .ion-android-alarm-clock:before { content: ""; } .ion-android-alert:before { content: ""; } .ion-android-apps:before { content: ""; } .ion-android-archive:before { content: ""; } .ion-android-arrow-back:before { content: ""; } .ion-android-arrow-down:before { content: ""; } .ion-android-arrow-dropdown:before { content: ""; } .ion-android-arrow-dropdown-circle:before { content: ""; } .ion-android-arrow-dropleft:before { content: ""; } .ion-android-arrow-dropleft-circle:before { content: ""; } .ion-android-arrow-dropright:before { content: ""; } .ion-android-arrow-dropright-circle:before { content: ""; } .ion-android-arrow-dropup:before { content: ""; } .ion-android-arrow-dropup-circle:before { content: ""; } .ion-android-arrow-forward:before { content: ""; } .ion-android-arrow-up:before { content: ""; } .ion-android-attach:before { content: ""; } .ion-android-bar:before { content: ""; } .ion-android-bicycle:before { content: ""; } .ion-android-boat:before { content: ""; } .ion-android-bookmark:before { content: ""; } .ion-android-bulb:before { content: ""; } .ion-android-bus:before { content: ""; } .ion-android-calendar:before { content: ""; } .ion-android-call:before { content: ""; } .ion-android-camera:before { content: ""; } .ion-android-cancel:before { content: ""; } .ion-android-car:before { content: ""; } .ion-android-cart:before { content: ""; } .ion-android-chat:before { content: ""; } .ion-android-checkbox:before { content: ""; } .ion-android-checkbox-blank:before { content: ""; } .ion-android-checkbox-outline:before { content: ""; } .ion-android-checkbox-outline-blank:before { content: ""; } .ion-android-checkmark-circle:before { content: ""; } .ion-android-clipboard:before { content: ""; } .ion-android-close:before { content: ""; } .ion-android-cloud:before { content: ""; } .ion-android-cloud-circle:before { content: ""; } .ion-android-cloud-done:before { content: ""; } .ion-android-cloud-outline:before { content: ""; } .ion-android-color-palette:before { content: ""; } .ion-android-compass:before { content: ""; } .ion-android-contact:before { content: ""; } .ion-android-contacts:before { content: ""; } .ion-android-contract:before { content: ""; } .ion-android-create:before { content: ""; } .ion-android-delete:before { content: ""; } .ion-android-desktop:before { content: ""; } .ion-android-document:before { content: ""; } .ion-android-done:before { content: ""; } .ion-android-done-all:before { content: ""; } .ion-android-download:before { content: ""; } .ion-android-drafts:before { content: ""; } .ion-android-exit:before { content: ""; } .ion-android-expand:before { content: ""; } .ion-android-favorite:before { content: ""; } .ion-android-favorite-outline:before { content: ""; } .ion-android-film:before { content: ""; } .ion-android-folder:before { content: ""; } .ion-android-folder-open:before { content: ""; } .ion-android-funnel:before { content: ""; } .ion-android-globe:before { content: ""; } .ion-android-hand:before { content: ""; } .ion-android-hangout:before { content: ""; } .ion-android-happy:before { content: ""; } .ion-android-home:before { content: ""; } .ion-android-image:before { content: ""; } .ion-android-laptop:before { content: ""; } .ion-android-list:before { content: ""; } .ion-android-locate:before { content: ""; } .ion-android-lock:before { content: ""; } .ion-android-mail:before { content: ""; } .ion-android-map:before { content: ""; } .ion-android-menu:before { content: ""; } .ion-android-microphone:before { content: ""; } .ion-android-microphone-off:before { content: ""; } .ion-android-more-horizontal:before { content: ""; } .ion-android-more-vertical:before { content: ""; } .ion-android-navigate:before { content: ""; } .ion-android-notifications:before { content: ""; } .ion-android-notifications-none:before { content: ""; } .ion-android-notifications-off:before { content: ""; } .ion-android-open:before { content: ""; } .ion-android-options:before { content: ""; } .ion-android-people:before { content: ""; } .ion-android-person:before { content: ""; } .ion-android-person-add:before { content: ""; } .ion-android-phone-landscape:before { content: ""; } .ion-android-phone-portrait:before { content: ""; } .ion-android-pin:before { content: ""; } .ion-android-plane:before { content: ""; } .ion-android-playstore:before { content: ""; } .ion-android-print:before { content: ""; } .ion-android-radio-button-off:before { content: ""; } .ion-android-radio-button-on:before { content: ""; } .ion-android-refresh:before { content: ""; } .ion-android-remove:before { content: ""; } .ion-android-remove-circle:before { content: ""; } .ion-android-restaurant:before { content: ""; } .ion-android-sad:before { content: ""; } .ion-android-search:before { content: ""; } .ion-android-send:before { content: ""; } .ion-android-settings:before { content: ""; } .ion-android-share:before { content: ""; } .ion-android-share-alt:before { content: ""; } .ion-android-star:before { content: ""; } .ion-android-star-half:before { content: ""; } .ion-android-star-outline:before { content: ""; } .ion-android-stopwatch:before { content: ""; } .ion-android-subway:before { content: ""; } .ion-android-sunny:before { content: ""; } .ion-android-sync:before { content: ""; } .ion-android-textsms:before { content: ""; } .ion-android-time:before { content: ""; } .ion-android-train:before { content: ""; } .ion-android-unlock:before { content: ""; } .ion-android-upload:before { content: ""; } .ion-android-volume-down:before { content: ""; } .ion-android-volume-mute:before { content: ""; } .ion-android-volume-off:before { content: ""; } .ion-android-volume-up:before { content: ""; } .ion-android-walk:before { content: ""; } .ion-android-warning:before { content: ""; } .ion-android-watch:before { content: ""; } .ion-android-wifi:before { content: ""; } .ion-aperture:before { content: ""; } .ion-archive:before { content: ""; } .ion-arrow-down-a:before { content: ""; } .ion-arrow-down-b:before { content: ""; } .ion-arrow-down-c:before { content: ""; } .ion-arrow-expand:before { content: ""; } .ion-arrow-graph-down-left:before { content: ""; } .ion-arrow-graph-down-right:before { content: ""; } .ion-arrow-graph-up-left:before { content: ""; } .ion-arrow-graph-up-right:before { content: ""; } .ion-arrow-left-a:before { content: ""; } .ion-arrow-left-b:before { content: ""; } .ion-arrow-left-c:before { content: ""; } .ion-arrow-move:before { content: ""; } .ion-arrow-resize:before { content: ""; } .ion-arrow-return-left:before { content: ""; } .ion-arrow-return-right:before { content: ""; } .ion-arrow-right-a:before { content: ""; } .ion-arrow-right-b:before { content: ""; } .ion-arrow-right-c:before { content: ""; } .ion-arrow-shrink:before { content: ""; } .ion-arrow-swap:before { content: ""; } .ion-arrow-up-a:before { content: ""; } .ion-arrow-up-b:before { content: ""; } .ion-arrow-up-c:before { content: ""; } .ion-asterisk:before { content: ""; } .ion-at:before { content: ""; } .ion-backspace:before { content: ""; } .ion-backspace-outline:before { content: ""; } .ion-bag:before { content: ""; } .ion-battery-charging:before { content: ""; } .ion-battery-empty:before { content: ""; } .ion-battery-full:before { content: ""; } .ion-battery-half:before { content: ""; } .ion-battery-low:before { content: ""; } .ion-beaker:before { content: ""; } .ion-beer:before { content: ""; } .ion-bluetooth:before { content: ""; } .ion-bonfire:before { content: ""; } .ion-bookmark:before { content: ""; } .ion-bowtie:before { content: ""; } .ion-briefcase:before { content: ""; } .ion-bug:before { content: ""; } .ion-calculator:before { content: ""; } .ion-calendar:before { content: ""; } .ion-camera:before { content: ""; } .ion-card:before { content: ""; } .ion-cash:before { content: ""; } .ion-chatbox:before { content: ""; } .ion-chatbox-working:before { content: ""; } .ion-chatboxes:before { content: ""; } .ion-chatbubble:before { content: ""; } .ion-chatbubble-working:before { content: ""; } .ion-chatbubbles:before { content: ""; } .ion-checkmark:before { content: ""; } .ion-checkmark-circled:before { content: ""; } .ion-checkmark-round:before { content: ""; } .ion-chevron-down:before { content: ""; } .ion-chevron-left:before { content: ""; } .ion-chevron-right:before { content: ""; } .ion-chevron-up:before { content: ""; } .ion-clipboard:before { content: ""; } .ion-clock:before { content: ""; } .ion-close:before { content: ""; } .ion-close-circled:before { content: ""; } .ion-close-round:before { content: ""; } .ion-closed-captioning:before { content: ""; } .ion-cloud:before { content: ""; } .ion-code:before { content: ""; } .ion-code-download:before { content: ""; } .ion-code-working:before { content: ""; } .ion-coffee:before { content: ""; } .ion-compass:before { content: ""; } .ion-compose:before { content: ""; } .ion-connection-bars:before { content: ""; } .ion-contrast:before { content: ""; } .ion-crop:before { content: ""; } .ion-cube:before { content: ""; } .ion-disc:before { content: ""; } .ion-document:before { content: ""; } .ion-document-text:before { content: ""; } .ion-drag:before { content: ""; } .ion-earth:before { content: ""; } .ion-easel:before { content: ""; } .ion-edit:before { content: ""; } .ion-egg:before { content: ""; } .ion-eject:before { content: ""; } .ion-email:before { content: ""; } .ion-email-unread:before { content: ""; } .ion-erlenmeyer-flask:before { content: ""; } .ion-erlenmeyer-flask-bubbles:before { content: ""; } .ion-eye:before { content: ""; } .ion-eye-disabled:before { content: ""; } .ion-female:before { content: ""; } .ion-filing:before { content: ""; } .ion-film-marker:before { content: ""; } .ion-fireball:before { content: ""; } .ion-flag:before { content: ""; } .ion-flame:before { content: ""; } .ion-flash:before { content: ""; } .ion-flash-off:before { content: ""; } .ion-folder:before { content: ""; } .ion-fork:before { content: ""; } .ion-fork-repo:before { content: ""; } .ion-forward:before { content: ""; } .ion-funnel:before { content: ""; } .ion-gear-a:before { content: ""; } .ion-gear-b:before { content: ""; } .ion-grid:before { content: ""; } .ion-hammer:before { content: ""; } .ion-happy:before { content: ""; } .ion-happy-outline:before { content: ""; } .ion-headphone:before { content: ""; } .ion-heart:before { content: ""; } .ion-heart-broken:before { content: ""; } .ion-help:before { content: ""; } .ion-help-buoy:before { content: ""; } .ion-help-circled:before { content: ""; } .ion-home:before { content: ""; } .ion-icecream:before { content: ""; } .ion-image:before { content: ""; } .ion-images:before { content: ""; } .ion-information:before { content: ""; } .ion-information-circled:before { content: ""; } .ion-ionic:before { content: ""; } .ion-ios-alarm:before { content: ""; } .ion-ios-alarm-outline:before { content: ""; } .ion-ios-albums:before { content: ""; } .ion-ios-albums-outline:before { content: ""; } .ion-ios-americanfootball:before { content: ""; } .ion-ios-americanfootball-outline:before { content: ""; } .ion-ios-analytics:before { content: ""; } .ion-ios-analytics-outline:before { content: ""; } .ion-ios-arrow-back:before { content: ""; } .ion-ios-arrow-down:before { content: ""; } .ion-ios-arrow-forward:before { content: ""; } .ion-ios-arrow-left:before { content: ""; } .ion-ios-arrow-right:before { content: ""; } .ion-ios-arrow-thin-down:before { content: ""; } .ion-ios-arrow-thin-left:before { content: ""; } .ion-ios-arrow-thin-right:before { content: ""; } .ion-ios-arrow-thin-up:before { content: ""; } .ion-ios-arrow-up:before { content: ""; } .ion-ios-at:before { content: ""; } .ion-ios-at-outline:before { content: ""; } .ion-ios-barcode:before { content: ""; } .ion-ios-barcode-outline:before { content: ""; } .ion-ios-baseball:before { content: ""; } .ion-ios-baseball-outline:before { content: ""; } .ion-ios-basketball:before { content: ""; } .ion-ios-basketball-outline:before { content: ""; } .ion-ios-bell:before { content: ""; } .ion-ios-bell-outline:before { content: ""; } .ion-ios-body:before { content: ""; } .ion-ios-body-outline:before { content: ""; } .ion-ios-bolt:before { content: ""; } .ion-ios-bolt-outline:before { content: ""; } .ion-ios-book:before { content: ""; } .ion-ios-book-outline:before { content: ""; } .ion-ios-bookmarks:before { content: ""; } .ion-ios-bookmarks-outline:before { content: ""; } .ion-ios-box:before { content: ""; } .ion-ios-box-outline:before { content: ""; } .ion-ios-briefcase:before { content: ""; } .ion-ios-briefcase-outline:before { content: ""; } .ion-ios-browsers:before { content: ""; } .ion-ios-browsers-outline:before { content: ""; } .ion-ios-calculator:before { content: ""; } .ion-ios-calculator-outline:before { content: ""; } .ion-ios-calendar:before { content: ""; } .ion-ios-calendar-outline:before { content: ""; } .ion-ios-camera:before { content: ""; } .ion-ios-camera-outline:before { content: ""; } .ion-ios-cart:before { content: ""; } .ion-ios-cart-outline:before { content: ""; } .ion-ios-chatboxes:before { content: ""; } .ion-ios-chatboxes-outline:before { content: ""; } .ion-ios-chatbubble:before { content: ""; } .ion-ios-chatbubble-outline:before { content: ""; } .ion-ios-checkmark:before { content: ""; } .ion-ios-checkmark-empty:before { content: ""; } .ion-ios-checkmark-outline:before { content: ""; } .ion-ios-circle-filled:before { content: ""; } .ion-ios-circle-outline:before { content: ""; } .ion-ios-clock:before { content: ""; } .ion-ios-clock-outline:before { content: ""; } .ion-ios-close:before { content: ""; } .ion-ios-close-empty:before { content: ""; } .ion-ios-close-outline:before { content: ""; } .ion-ios-cloud:before { content: ""; } .ion-ios-cloud-download:before { content: ""; } .ion-ios-cloud-download-outline:before { content: ""; } .ion-ios-cloud-outline:before { content: ""; } .ion-ios-cloud-upload:before { content: ""; } .ion-ios-cloud-upload-outline:before { content: ""; } .ion-ios-cloudy:before { content: ""; } .ion-ios-cloudy-night:before { content: ""; } .ion-ios-cloudy-night-outline:before { content: ""; } .ion-ios-cloudy-outline:before { content: ""; } .ion-ios-cog:before { content: ""; } .ion-ios-cog-outline:before { content: ""; } .ion-ios-color-filter:before { content: ""; } .ion-ios-color-filter-outline:before { content: ""; } .ion-ios-color-wand:before { content: ""; } .ion-ios-color-wand-outline:before { content: ""; } .ion-ios-compose:before { content: ""; } .ion-ios-compose-outline:before { content: ""; } .ion-ios-contact:before { content: ""; } .ion-ios-contact-outline:before { content: ""; } .ion-ios-copy:before { content: ""; } .ion-ios-copy-outline:before { content: ""; } .ion-ios-crop:before { content: ""; } .ion-ios-crop-strong:before { content: ""; } .ion-ios-download:before { content: ""; } .ion-ios-download-outline:before { content: ""; } .ion-ios-drag:before { content: ""; } .ion-ios-email:before { content: ""; } .ion-ios-email-outline:before { content: ""; } .ion-ios-eye:before { content: ""; } .ion-ios-eye-outline:before { content: ""; } .ion-ios-fastforward:before { content: ""; } .ion-ios-fastforward-outline:before { content: ""; } .ion-ios-filing:before { content: ""; } .ion-ios-filing-outline:before { content: ""; } .ion-ios-film:before { content: ""; } .ion-ios-film-outline:before { content: ""; } .ion-ios-flag:before { content: ""; } .ion-ios-flag-outline:before { content: ""; } .ion-ios-flame:before { content: ""; } .ion-ios-flame-outline:before { content: ""; } .ion-ios-flask:before { content: ""; } .ion-ios-flask-outline:before { content: ""; } .ion-ios-flower:before { content: ""; } .ion-ios-flower-outline:before { content: ""; } .ion-ios-folder:before { content: ""; } .ion-ios-folder-outline:before { content: ""; } .ion-ios-football:before { content: ""; } .ion-ios-football-outline:before { content: ""; } .ion-ios-game-controller-a:before { content: ""; } .ion-ios-game-controller-a-outline:before { content: ""; } .ion-ios-game-controller-b:before { content: ""; } .ion-ios-game-controller-b-outline:before { content: ""; } .ion-ios-gear:before { content: ""; } .ion-ios-gear-outline:before { content: ""; } .ion-ios-glasses:before { content: ""; } .ion-ios-glasses-outline:before { content: ""; } .ion-ios-grid-view:before { content: ""; } .ion-ios-grid-view-outline:before { content: ""; } .ion-ios-heart:before { content: ""; } .ion-ios-heart-outline:before { content: ""; } .ion-ios-help:before { content: ""; } .ion-ios-help-empty:before { content: ""; } .ion-ios-help-outline:before { content: ""; } .ion-ios-home:before { content: ""; } .ion-ios-home-outline:before { content: ""; } .ion-ios-infinite:before { content: ""; } .ion-ios-infinite-outline:before { content: ""; } .ion-ios-information:before { content: ""; } .ion-ios-information-empty:before { content: ""; } .ion-ios-information-outline:before { content: ""; } .ion-ios-ionic-outline:before { content: ""; } .ion-ios-keypad:before { content: ""; } .ion-ios-keypad-outline:before { content: ""; } .ion-ios-lightbulb:before { content: ""; } .ion-ios-lightbulb-outline:before { content: ""; } .ion-ios-list:before { content: ""; } .ion-ios-list-outline:before { content: ""; } .ion-ios-location:before { content: ""; } .ion-ios-location-outline:before { content: ""; } .ion-ios-locked:before { content: ""; } .ion-ios-locked-outline:before { content: ""; } .ion-ios-loop:before { content: ""; } .ion-ios-loop-strong:before { content: ""; } .ion-ios-medical:before { content: ""; } .ion-ios-medical-outline:before { content: ""; } .ion-ios-medkit:before { content: ""; } .ion-ios-medkit-outline:before { content: ""; } .ion-ios-mic:before { content: ""; } .ion-ios-mic-off:before { content: ""; } .ion-ios-mic-outline:before { content: ""; } .ion-ios-minus:before { content: ""; } .ion-ios-minus-empty:before { content: ""; } .ion-ios-minus-outline:before { content: ""; } .ion-ios-monitor:before { content: ""; } .ion-ios-monitor-outline:before { content: ""; } .ion-ios-moon:before { content: ""; } .ion-ios-moon-outline:before { content: ""; } .ion-ios-more:before { content: ""; } .ion-ios-more-outline:before { content: ""; } .ion-ios-musical-note:before { content: ""; } .ion-ios-musical-notes:before { content: ""; } .ion-ios-navigate:before { content: ""; } .ion-ios-navigate-outline:before { content: ""; } .ion-ios-nutrition:before { content: ""; } .ion-ios-nutrition-outline:before { content: ""; } .ion-ios-paper:before { content: ""; } .ion-ios-paper-outline:before { content: ""; } .ion-ios-paperplane:before { content: ""; } .ion-ios-paperplane-outline:before { content: ""; } .ion-ios-partlysunny:before { content: ""; } .ion-ios-partlysunny-outline:before { content: ""; } .ion-ios-pause:before { content: ""; } .ion-ios-pause-outline:before { content: ""; } .ion-ios-paw:before { content: ""; } .ion-ios-paw-outline:before { content: ""; } .ion-ios-people:before { content: ""; } .ion-ios-people-outline:before { content: ""; } .ion-ios-person:before { content: ""; } .ion-ios-person-outline:before { content: ""; } .ion-ios-personadd:before { content: ""; } .ion-ios-personadd-outline:before { content: ""; } .ion-ios-photos:before { content: ""; } .ion-ios-photos-outline:before { content: ""; } .ion-ios-pie:before { content: ""; } .ion-ios-pie-outline:before { content: ""; } .ion-ios-pint:before { content: ""; } .ion-ios-pint-outline:before { content: ""; } .ion-ios-play:before { content: ""; } .ion-ios-play-outline:before { content: ""; } .ion-ios-plus:before { content: ""; } .ion-ios-plus-empty:before { content: ""; } .ion-ios-plus-outline:before { content: ""; } .ion-ios-pricetag:before { content: ""; } .ion-ios-pricetag-outline:before { content: ""; } .ion-ios-pricetags:before { content: ""; } .ion-ios-pricetags-outline:before { content: ""; } .ion-ios-printer:before { content: ""; } .ion-ios-printer-outline:before { content: ""; } .ion-ios-pulse:before { content: ""; } .ion-ios-pulse-strong:before { content: ""; } .ion-ios-rainy:before { content: ""; } .ion-ios-rainy-outline:before { content: ""; } .ion-ios-recording:before { content: ""; } .ion-ios-recording-outline:before { content: ""; } .ion-ios-redo:before { content: ""; } .ion-ios-redo-outline:before { content: ""; } .ion-ios-refresh:before { content: ""; } .ion-ios-refresh-empty:before { content: ""; } .ion-ios-refresh-outline:before { content: ""; } .ion-ios-reload:before { content: ""; } .ion-ios-reverse-camera:before { content: ""; } .ion-ios-reverse-camera-outline:before { content: ""; } .ion-ios-rewind:before { content: ""; } .ion-ios-rewind-outline:before { content: ""; } .ion-ios-rose:before { content: ""; } .ion-ios-rose-outline:before { content: ""; } .ion-ios-search:before { content: ""; } .ion-ios-search-strong:before { content: ""; } .ion-ios-settings:before { content: ""; } .ion-ios-settings-strong:before { content: ""; } .ion-ios-shuffle:before { content: ""; } .ion-ios-shuffle-strong:before { content: ""; } .ion-ios-skipbackward:before { content: ""; } .ion-ios-skipbackward-outline:before { content: ""; } .ion-ios-skipforward:before { content: ""; } .ion-ios-skipforward-outline:before { content: ""; } .ion-ios-snowy:before { content: ""; } .ion-ios-speedometer:before { content: ""; } .ion-ios-speedometer-outline:before { content: ""; } .ion-ios-star:before { content: ""; } .ion-ios-star-half:before { content: ""; } .ion-ios-star-outline:before { content: ""; } .ion-ios-stopwatch:before { content: ""; } .ion-ios-stopwatch-outline:before { content: ""; } .ion-ios-sunny:before { content: ""; } .ion-ios-sunny-outline:before { content: ""; } .ion-ios-telephone:before { content: ""; } .ion-ios-telephone-outline:before { content: ""; } .ion-ios-tennisball:before { content: ""; } .ion-ios-tennisball-outline:before { content: ""; } .ion-ios-thunderstorm:before { content: ""; } .ion-ios-thunderstorm-outline:before { content: ""; } .ion-ios-time:before { content: ""; } .ion-ios-time-outline:before { content: ""; } .ion-ios-timer:before { content: ""; } .ion-ios-timer-outline:before { content: ""; } .ion-ios-toggle:before { content: ""; } .ion-ios-toggle-outline:before { content: ""; } .ion-ios-trash:before { content: ""; } .ion-ios-trash-outline:before { content: ""; } .ion-ios-undo:before { content: ""; } .ion-ios-undo-outline:before { content: ""; } .ion-ios-unlocked:before { content: ""; } .ion-ios-unlocked-outline:before { content: ""; } .ion-ios-upload:before { content: ""; } .ion-ios-upload-outline:before { content: ""; } .ion-ios-videocam:before { content: ""; } .ion-ios-videocam-outline:before { content: ""; } .ion-ios-volume-high:before { content: ""; } .ion-ios-volume-low:before { content: ""; } .ion-ios-wineglass:before { content: ""; } .ion-ios-wineglass-outline:before { content: ""; } .ion-ios-world:before { content: ""; } .ion-ios-world-outline:before { content: ""; } .ion-ipad:before { content: ""; } .ion-iphone:before { content: ""; } .ion-ipod:before { content: ""; } .ion-jet:before { content: ""; } .ion-key:before { content: ""; } .ion-knife:before { content: ""; } .ion-laptop:before { content: ""; } .ion-leaf:before { content: ""; } .ion-levels:before { content: ""; } .ion-lightbulb:before { content: ""; } .ion-link:before { content: ""; } .ion-load-a:before { content: ""; } .ion-load-b:before { content: ""; } .ion-load-c:before { content: ""; } .ion-load-d:before { content: ""; } .ion-location:before { content: ""; } .ion-lock-combination:before { content: ""; } .ion-locked:before { content: ""; } .ion-log-in:before { content: ""; } .ion-log-out:before { content: ""; } .ion-loop:before { content: ""; } .ion-magnet:before { content: ""; } .ion-male:before { content: ""; } .ion-man:before { content: ""; } .ion-map:before { content: ""; } .ion-medkit:before { content: ""; } .ion-merge:before { content: ""; } .ion-mic-a:before { content: ""; } .ion-mic-b:before { content: ""; } .ion-mic-c:before { content: ""; } .ion-minus:before { content: ""; } .ion-minus-circled:before { content: ""; } .ion-minus-round:before { content: ""; } .ion-model-s:before { content: ""; } .ion-monitor:before { content: ""; } .ion-more:before { content: ""; } .ion-mouse:before { content: ""; } .ion-music-note:before { content: ""; } .ion-navicon:before { content: ""; } .ion-navicon-round:before { content: ""; } .ion-navigate:before { content: ""; } .ion-network:before { content: ""; } .ion-no-smoking:before { content: ""; } .ion-nuclear:before { content: ""; } .ion-outlet:before { content: ""; } .ion-paintbrush:before { content: ""; } .ion-paintbucket:before { content: ""; } .ion-paper-airplane:before { content: ""; } .ion-paperclip:before { content: ""; } .ion-pause:before { content: ""; } .ion-person:before { content: ""; } .ion-person-add:before { content: ""; } .ion-person-stalker:before { content: ""; } .ion-pie-graph:before { content: ""; } .ion-pin:before { content: ""; } .ion-pinpoint:before { content: ""; } .ion-pizza:before { content: ""; } .ion-plane:before { content: ""; } .ion-planet:before { content: ""; } .ion-play:before { content: ""; } .ion-playstation:before { content: ""; } .ion-plus:before { content: ""; } .ion-plus-circled:before { content: ""; } .ion-plus-round:before { content: ""; } .ion-podium:before { content: ""; } .ion-pound:before { content: ""; } .ion-power:before { content: ""; } .ion-pricetag:before { content: ""; } .ion-pricetags:before { content: ""; } .ion-printer:before { content: ""; } .ion-pull-request:before { content: ""; } .ion-qr-scanner:before { content: ""; } .ion-quote:before { content: ""; } .ion-radio-waves:before { content: ""; } .ion-record:before { content: ""; } .ion-refresh:before { content: ""; } .ion-reply:before { content: ""; } .ion-reply-all:before { content: ""; } .ion-ribbon-a:before { content: ""; } .ion-ribbon-b:before { content: ""; } .ion-sad:before { content: ""; } .ion-sad-outline:before { content: ""; } .ion-scissors:before { content: ""; } .ion-search:before { content: ""; } .ion-settings:before { content: ""; } .ion-share:before { content: ""; } .ion-shuffle:before { content: ""; } .ion-skip-backward:before { content: ""; } .ion-skip-forward:before { content: ""; } .ion-social-android:before { content: ""; } .ion-social-android-outline:before { content: ""; } .ion-social-angular:before { content: ""; } .ion-social-angular-outline:before { content: ""; } .ion-social-apple:before { content: ""; } .ion-social-apple-outline:before { content: ""; } .ion-social-bitcoin:before { content: ""; } .ion-social-bitcoin-outline:before { content: ""; } .ion-social-buffer:before { content: ""; } .ion-social-buffer-outline:before { content: ""; } .ion-social-chrome:before { content: ""; } .ion-social-chrome-outline:before { content: ""; } .ion-social-codepen:before { content: ""; } .ion-social-codepen-outline:before { content: ""; } .ion-social-css3:before { content: ""; } .ion-social-css3-outline:before { content: ""; } .ion-social-designernews:before { content: ""; } .ion-social-designernews-outline:before { content: ""; } .ion-social-dribbble:before { content: ""; } .ion-social-dribbble-outline:before { content: ""; } .ion-social-dropbox:before { content: ""; } .ion-social-dropbox-outline:before { content: ""; } .ion-social-euro:before { content: ""; } .ion-social-euro-outline:before { content: ""; } .ion-social-facebook:before { content: ""; } .ion-social-facebook-outline:before { content: ""; } .ion-social-foursquare:before { content: ""; } .ion-social-foursquare-outline:before { content: ""; } .ion-social-freebsd-devil:before { content: ""; } .ion-social-github:before { content: ""; } .ion-social-github-outline:before { content: ""; } .ion-social-google:before { content: ""; } .ion-social-google-outline:before { content: ""; } .ion-social-googleplus:before { content: ""; } .ion-social-googleplus-outline:before { content: ""; } .ion-social-hackernews:before { content: ""; } .ion-social-hackernews-outline:before { content: ""; } .ion-social-html5:before { content: ""; } .ion-social-html5-outline:before { content: ""; } .ion-social-instagram:before { content: ""; } .ion-social-instagram-outline:before { content: ""; } .ion-social-javascript:before { content: ""; } .ion-social-javascript-outline:before { content: ""; } .ion-social-linkedin:before { content: ""; } .ion-social-linkedin-outline:before { content: ""; } .ion-social-markdown:before { content: ""; } .ion-social-nodejs:before { content: ""; } .ion-social-octocat:before { content: ""; } .ion-social-pinterest:before { content: ""; } .ion-social-pinterest-outline:before { content: ""; } .ion-social-python:before { content: ""; } .ion-social-reddit:before { content: ""; } .ion-social-reddit-outline:before { content: ""; } .ion-social-rss:before { content: ""; } .ion-social-rss-outline:before { content: ""; } .ion-social-sass:before { content: ""; } .ion-social-skype:before { content: ""; } .ion-social-skype-outline:before { content: ""; } .ion-social-snapchat:before { content: ""; } .ion-social-snapchat-outline:before { content: ""; } .ion-social-tumblr:before { content: ""; } .ion-social-tumblr-outline:before { content: ""; } .ion-social-tux:before { content: ""; } .ion-social-twitch:before { content: ""; } .ion-social-twitch-outline:before { content: ""; } .ion-social-twitter:before { content: ""; } .ion-social-twitter-outline:before { content: ""; } .ion-social-usd:before { content: ""; } .ion-social-usd-outline:before { content: ""; } .ion-social-vimeo:before { content: ""; } .ion-social-vimeo-outline:before { content: ""; } .ion-social-whatsapp:before { content: ""; } .ion-social-whatsapp-outline:before { content: ""; } .ion-social-windows:before { content: ""; } .ion-social-windows-outline:before { content: ""; } .ion-social-wordpress:before { content: ""; } .ion-social-wordpress-outline:before { content: ""; } .ion-social-yahoo:before { content: ""; } .ion-social-yahoo-outline:before { content: ""; } .ion-social-yen:before { content: ""; } .ion-social-yen-outline:before { content: ""; } .ion-social-youtube:before { content: ""; } .ion-social-youtube-outline:before { content: ""; } .ion-soup-can:before { content: ""; } .ion-soup-can-outline:before { content: ""; } .ion-speakerphone:before { content: ""; } .ion-speedometer:before { content: ""; } .ion-spoon:before { content: ""; } .ion-star:before { content: ""; } .ion-stats-bars:before { content: ""; } .ion-steam:before { content: ""; } .ion-stop:before { content: ""; } .ion-thermometer:before { content: ""; } .ion-thumbsdown:before { content: ""; } .ion-thumbsup:before { content: ""; } .ion-toggle:before { content: ""; } .ion-toggle-filled:before { content: ""; } .ion-transgender:before { content: ""; } .ion-trash-a:before { content: ""; } .ion-trash-b:before { content: ""; } .ion-trophy:before { content: ""; } .ion-tshirt:before { content: ""; } .ion-tshirt-outline:before { content: ""; } .ion-umbrella:before { content: ""; } .ion-university:before { content: ""; } .ion-unlocked:before { content: ""; } .ion-upload:before { content: ""; } .ion-usb:before { content: ""; } .ion-videocamera:before { content: ""; } .ion-volume-high:before { content: ""; } .ion-volume-low:before { content: ""; } .ion-volume-medium:before { content: ""; } .ion-volume-mute:before { content: ""; } .ion-wand:before { content: ""; } .ion-waterdrop:before { content: ""; } .ion-wifi:before { content: ""; } .ion-wineglass:before { content: ""; } .ion-woman:before { content: ""; } .ion-wrench:before { content: ""; } .ion-xbox:before { content: ""; } .flag { height: 16px; width: 16px; background-size: 16px 16px; } .flag.medium { height: 24px; width: 24px; background-size: 24px 24px; } .flag.large { height: 32px; width: 32px; background-size: 32px 32px; } .AD { background: url(../fonts/AD.svg) no-repeat; } .AE { background: url(../fonts/AE.svg) no-repeat; } .AF { background: url(../fonts/AF.svg) no-repeat; } .AG { background: url(../fonts/AG.svg) no-repeat; } .AI { background: url(../fonts/AI.svg) no-repeat; } .AL { background: url(../fonts/AL.svg) no-repeat; } .AM { background: url(../fonts/AM.svg) no-repeat; } .AO { background: url(../fonts/AO.svg) no-repeat; } .AR { background: url(../fonts/AR.svg) no-repeat; } .AS { background: url(../fonts/AS.svg) no-repeat; } .AT { background: url(../fonts/AT.svg) no-repeat; } .AU { background: url(../fonts/AU.svg) no-repeat; } .AW { background: url(../fonts/AW.svg) no-repeat; } .AX { background: url(../fonts/AX.svg) no-repeat; } .AZ { background: url(../fonts/AZ.svg) no-repeat; } .BA { background: url(../fonts/BA.svg) no-repeat; } .BB { background: url(../fonts/BB.svg) no-repeat; } .BD { background: url(../fonts/BD.svg) no-repeat; } .BE { background: url(../fonts/BE.svg) no-repeat; } .BF { background: url(../fonts/BF.svg) no-repeat; } .BG { background: url(../fonts/BG.svg) no-repeat; } .BH { background: url(../fonts/BH.svg) no-repeat; } .BI { background: url(../fonts/BI.svg) no-repeat; } .BJ { background: url(../fonts/BJ.svg) no-repeat; } .BL { background: url(../fonts/BL.svg) no-repeat; } .BM { background: url(../fonts/BM.svg) no-repeat; } .BN { background: url(../fonts/BN.svg) no-repeat; } .BO { background: url(../fonts/BO.svg) no-repeat; } .BR { background: url(../fonts/BR.svg) no-repeat; } .BS { background: url(../fonts/BS.svg) no-repeat; } .BT { background: url(../fonts/BT.svg) no-repeat; } .BV { background: url(../fonts/BV.svg) no-repeat; } .BW { background: url(../fonts/BW.svg) no-repeat; } .BY { background: url(../fonts/BY.svg) no-repeat; } .BZ { background: url(../fonts/BZ.svg) no-repeat; } .CA { background: url(../fonts/CA.svg) no-repeat; } .CC { background: url(../fonts/CC.svg) no-repeat; } .CD { background: url(../fonts/CD.svg) no-repeat; } .CF { background: url(../fonts/CF.svg) no-repeat; } .CG { background: url(../fonts/CG.svg) no-repeat; } .CH { background: url(../fonts/CH.svg) no-repeat; } .CI { background: url(../fonts/CI.svg) no-repeat; } .CK { background: url(../fonts/CK.svg) no-repeat; } .CL { background: url(../fonts/CL.svg) no-repeat; } .CM { background: url(../fonts/CM.svg) no-repeat; } .CN { background: url(../fonts/CN.svg) no-repeat; } .CO { background: url(../fonts/CO.svg) no-repeat; } .CR { background: url(../fonts/CR.svg) no-repeat; } .CU { background: url(../fonts/CU.svg) no-repeat; } .CV { background: url(../fonts/CV.svg) no-repeat; } .CW { background: url(../fonts/CW.svg) no-repeat; } .CX { background: url(../fonts/CX.svg) no-repeat; } .CY { background: url(../fonts/CY.svg) no-repeat; } .CZ { background: url(../fonts/CZ.svg) no-repeat; } .DE { background: url(../fonts/DE.svg) no-repeat; } .DJ { background: url(../fonts/DJ.svg) no-repeat; } .DK { background: url(../fonts/DK.svg) no-repeat; } .DM { background: url(../fonts/DM.svg) no-repeat; } .DO { background: url(../fonts/DO.svg) no-repeat; } .DZ { background: url(../fonts/DZ.svg) no-repeat; } .EC { background: url(../fonts/EC.svg) no-repeat; } .EE { background: url(../fonts/EE.svg) no-repeat; } .EG { background: url(../fonts/EG.svg) no-repeat; } .ER { background: url(../fonts/ER.svg) no-repeat; } .ES { background: url(../fonts/ES.svg) no-repeat; } .ET { background: url(../fonts/ET.svg) no-repeat; } .EU { background: url(../fonts/EU.svg) no-repeat; } .FI { background: url(../fonts/FI.svg) no-repeat; } .FJ { background: url(../fonts/FJ.svg) no-repeat; } .FK { background: url(../fonts/FK.svg) no-repeat; } .FM { background: url(../fonts/FM.svg) no-repeat; } .FO { background: url(../fonts/FO.svg) no-repeat; } .FR { background: url(../fonts/FR.svg) no-repeat; } .GA { background: url(../fonts/GA.svg) no-repeat; } .GB-ENG { background: url(../fonts/GB-ENG.svg) no-repeat; } .GB-NIR { background: url(../fonts/GB-NIR.svg) no-repeat; } .GB-SCT { background: url(../fonts/GB-SCT.svg) no-repeat; } .GB-WLS { background: url(../fonts/GB-WLS.svg) no-repeat; } .GB-ZET { background: url(../fonts/GB-ZET.svg) no-repeat; } .GB { background: url(../fonts/GB.svg) no-repeat; } .GD { background: url(../fonts/GD.svg) no-repeat; } .GE { background: url(../fonts/GE.svg) no-repeat; } .GF { background: url(../fonts/GF.svg) no-repeat; } .GG { background: url(../fonts/GG.svg) no-repeat; } .GH { background: url(../fonts/GH.svg) no-repeat; } .GI { background: url(../fonts/GI.svg) no-repeat; } .GL { background: url(../fonts/GL.svg) no-repeat; } .GM { background: url(../fonts/GM.svg) no-repeat; } .GN { background: url(../fonts/GN.svg) no-repeat; } .GP { background: url(../fonts/GP.svg) no-repeat; } .GQ { background: url(../fonts/GQ.svg) no-repeat; } .GR { background: url(../fonts/GR.svg) no-repeat; } .GS { background: url(../fonts/GS.svg) no-repeat; } .GT { background: url(../fonts/GT.svg) no-repeat; } .GU { background: url(../fonts/GU.svg) no-repeat; } .GW { background: url(../fonts/GW.svg) no-repeat; } .GY { background: url(../fonts/GY.svg) no-repeat; } .HK { background: url(../fonts/HK.svg) no-repeat; } .HM { background: url(../fonts/HM.svg) no-repeat; } .HN { background: url(../fonts/HN.svg) no-repeat; } .HR { background: url(../fonts/HR.svg) no-repeat; } .HT { background: url(../fonts/HT.svg) no-repeat; } .HU { background: url(../fonts/HU.svg) no-repeat; } .ID { background: url(../fonts/ID.svg) no-repeat; } .IE { background: url(../fonts/IE.svg) no-repeat; } .IL { background: url(../fonts/IL.svg) no-repeat; } .IM { background: url(../fonts/IM.svg) no-repeat; } .IN { background: url(../fonts/IN.svg) no-repeat; } .IO { background: url(../fonts/IO.svg) no-repeat; } .IQ { background: url(../fonts/IQ.svg) no-repeat; } .IR { background: url(../fonts/IR.svg) no-repeat; } .IS { background: url(../fonts/IS.svg) no-repeat; } .IT { background: url(../fonts/IT.svg) no-repeat; } .JE { background: url(../fonts/JE.svg) no-repeat; } .JM { background: url(../fonts/JM.svg) no-repeat; } .JO { background: url(../fonts/JO.svg) no-repeat; } .JP { background: url(../fonts/JP.svg) no-repeat; } .KE { background: url(../fonts/KE.svg) no-repeat; } .KG { background: url(../fonts/KG.svg) no-repeat; } .KH { background: url(../fonts/KH.svg) no-repeat; } .KI { background: url(../fonts/KI.svg) no-repeat; } .KM { background: url(../fonts/KM.svg) no-repeat; } .KN { background: url(../fonts/KN.svg) no-repeat; } .KP { background: url(../fonts/KP.svg) no-repeat; } .KR { background: url(../fonts/KR.svg) no-repeat; } .KW { background: url(../fonts/KW.svg) no-repeat; } .KY { background: url(../fonts/KY.svg) no-repeat; } .KZ { background: url(../fonts/KZ.svg) no-repeat; } .LA { background: url(../fonts/LA.svg) no-repeat; } .LB { background: url(../fonts/LB.svg) no-repeat; } .LC { background: url(../fonts/LC.svg) no-repeat; } .LGBT { background: url(../fonts/LGBT.svg) no-repeat; } .LI { background: url(../fonts/LI.svg) no-repeat; } .LK { background: url(../fonts/LK.svg) no-repeat; } .LR { background: url(../fonts/LR.svg) no-repeat; } .LS { background: url(../fonts/LS.svg) no-repeat; } .LT { background: url(../fonts/LT.svg) no-repeat; } .LU { background: url(../fonts/LU.svg) no-repeat; } .LV { background: url(../fonts/LV.svg) no-repeat; } .LY { background: url(../fonts/LY.svg) no-repeat; } .MA { background: url(../fonts/MA.svg) no-repeat; } .MC { background: url(../fonts/MC.svg) no-repeat; } .MD { background: url(../fonts/MD.svg) no-repeat; } .ME { background: url(../fonts/ME.svg) no-repeat; } .MF { background: url(../fonts/MF.svg) no-repeat; } .MG { background: url(../fonts/MG.svg) no-repeat; } .MH { background: url(../fonts/MH.svg) no-repeat; } .MK { background: url(../fonts/MK.svg) no-repeat; } .ML { background: url(../fonts/ML.svg) no-repeat; } .MM { background: url(../fonts/MM.svg) no-repeat; } .MN { background: url(../fonts/MN.svg) no-repeat; } .MO { background: url(../fonts/MO.svg) no-repeat; } .MP { background: url(../fonts/MP.svg) no-repeat; } .MQ { background: url(../fonts/MQ.svg) no-repeat; } .MR { background: url(../fonts/MR.svg) no-repeat; } .MS { background: url(../fonts/MS.svg) no-repeat; } .MT { background: url(../fonts/MT.svg) no-repeat; } .MU { background: url(../fonts/MU.svg) no-repeat; } .MV { background: url(../fonts/MV.svg) no-repeat; } .MW { background: url(../fonts/MW.svg) no-repeat; } .MX { background: url(../fonts/MX.svg) no-repeat; } .MY { background: url(../fonts/MY.svg) no-repeat; } .MZ { background: url(../fonts/MZ.svg) no-repeat; } .NA { background: url(../fonts/NA.svg) no-repeat; } .NC { background: url(../fonts/NC.svg) no-repeat; } .NE { background: url(../fonts/NE.svg) no-repeat; } .NF { background: url(../fonts/NF.svg) no-repeat; } .NG { background: url(../fonts/NG.svg) no-repeat; } .NI { background: url(../fonts/NI.svg) no-repeat; } .NL { background: url(../fonts/NL.svg) no-repeat; } .NO { background: url(../fonts/NO.svg) no-repeat; } .NP { background: url(../fonts/NP.svg) no-repeat; } .NR { background: url(../fonts/NR.svg) no-repeat; } .NU { background: url(../fonts/NU.svg) no-repeat; } .NZ { background: url(../fonts/NZ.svg) no-repeat; } .OM { background: url(../fonts/OM.svg) no-repeat; } .PA { background: url(../fonts/PA.svg) no-repeat; } .PE { background: url(../fonts/PE.svg) no-repeat; } .PF { background: url(../fonts/PF.svg) no-repeat; } .PG { background: url(../fonts/PG.svg) no-repeat; } .PH { background: url(../fonts/PH.svg) no-repeat; } .PK { background: url(../fonts/PK.svg) no-repeat; } .PL { background: url(../fonts/PL.svg) no-repeat; } .PM { background: url(../fonts/PM.svg) no-repeat; } .PN { background: url(../fonts/PN.svg) no-repeat; } .PR { background: url(../fonts/PR.svg) no-repeat; } .PS { background: url(../fonts/PS.svg) no-repeat; } .PT { background: url(../fonts/PT.svg) no-repeat; } .PW { background: url(../fonts/PW.svg) no-repeat; } .PY { background: url(../fonts/PY.svg) no-repeat; } .QA { background: url(../fonts/QA.svg) no-repeat; } .RE { background: url(../fonts/RE.svg) no-repeat; } .RO { background: url(../fonts/RO.svg) no-repeat; } .RS { background: url(../fonts/RS.svg) no-repeat; } .RU { background: url(../fonts/RU.svg) no-repeat; } .RW { background: url(../fonts/RW.svg) no-repeat; } .SA { background: url(../fonts/SA.svg) no-repeat; } .SB { background: url(../fonts/SB.svg) no-repeat; } .SC { background: url(../fonts/SC.svg) no-repeat; } .SD { background: url(../fonts/SD.svg) no-repeat; } .SE { background: url(../fonts/SE.svg) no-repeat; } .SG { background: url(../fonts/SG.svg) no-repeat; } .SH { background: url(../fonts/SH.svg) no-repeat; } .SI { background: url(../fonts/SI.svg) no-repeat; } .SJ { background: url(../fonts/SJ.svg) no-repeat; } .SK { background: url(../fonts/SK.svg) no-repeat; } .SL { background: url(../fonts/SL.svg) no-repeat; } .SM { background: url(../fonts/SM.svg) no-repeat; } .SN { background: url(../fonts/SN.svg) no-repeat; } .SO { background: url(../fonts/SO.svg) no-repeat; } .SR { background: url(../fonts/SR.svg) no-repeat; } .SS { background: url(../fonts/SS.svg) no-repeat; } .ST { background: url(../fonts/ST.svg) no-repeat; } .SV { background: url(../fonts/SV.svg) no-repeat; } .SX { background: url(../fonts/SX.svg) no-repeat; } .SY { background: url(../fonts/SY.svg) no-repeat; } .SZ { background: url(../fonts/SZ.svg) no-repeat; } .TC { background: url(../fonts/TC.svg) no-repeat; } .TD { background: url(../fonts/TD.svg) no-repeat; } .TF { background: url(../fonts/TF.svg) no-repeat; } .TG { background: url(../fonts/TG.svg) no-repeat; } .TH { background: url(../fonts/TH.svg) no-repeat; } .TJ { background: url(../fonts/TJ.svg) no-repeat; } .TK { background: url(../fonts/TK.svg) no-repeat; } .TL { background: url(../fonts/TL.svg) no-repeat; } .TM { background: url(../fonts/TM.svg) no-repeat; } .TN { background: url(../fonts/TN.svg) no-repeat; } .TO { background: url(../fonts/TO.svg) no-repeat; } .TR { background: url(../fonts/TR.svg) no-repeat; } .TT { background: url(../fonts/TT.svg) no-repeat; } .TV { background: url(../fonts/TV.svg) no-repeat; } .TW { background: url(../fonts/TW.svg) no-repeat; } .TZ { background: url(../fonts/TZ.svg) no-repeat; } .UA { background: url(../fonts/UA.svg) no-repeat; } .UG { background: url(../fonts/UG.svg) no-repeat; } .UM { background: url(../fonts/UM.svg) no-repeat; } .US-CA { background: url(../fonts/US-CA.svg) no-repeat; } .US { background: url(../fonts/US.svg) no-repeat; } .UY { background: url(../fonts/UY.svg) no-repeat; } .UZ { background: url(../fonts/UZ.svg) no-repeat; } .VA { background: url(../fonts/VA.svg) no-repeat; } .VC { background: url(../fonts/VC.svg) no-repeat; } .VE { background: url(../fonts/VE.svg) no-repeat; } .VG { background: url(../fonts/VG.svg) no-repeat; } .VI { background: url(../fonts/VI.svg) no-repeat; } .VN { background: url(../fonts/VN.svg) no-repeat; } .VU { background: url(../fonts/VU.svg) no-repeat; } .WF { background: url(../fonts/WF.svg) no-repeat; } .WS { background: url(../fonts/WS.svg) no-repeat; } .XK { background: url(../fonts/XK.svg) no-repeat; } .YE { background: url(../fonts/YE.svg) no-repeat; } .YT { background: url(../fonts/YT.svg) no-repeat; } .ZA { background: url(../fonts/ZA.svg) no-repeat; } .ZM { background: url(../fonts/ZM.svg) no-repeat; } .ZW { background: url(../fonts/ZW.svg) no-repeat; } /*! * Cropper.js v1.4.3 * https://fengyuanchen.github.io/cropperjs * * Copyright 2015-present Chen Fengyuan * Released under the MIT license * * Date: 2018-10-24T13:07:11.429Z */ .cropper-container { direction: ltr; font-size: 0; line-height: 0; position: relative; -ms-touch-action: none; touch-action: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .cropper-container img { display: block; height: 100%; image-orientation: 0deg; max-height: none !important; max-width: none !important; min-height: 0 !important; min-width: 0 !important; width: 100%; } .cropper-wrap-box, .cropper-canvas, .cropper-drag-box, .cropper-crop-box, .cropper-modal { bottom: 0; left: 0; position: absolute; right: 0; top: 0; } .cropper-wrap-box, .cropper-canvas { overflow: hidden; } .cropper-drag-box { background-color: #fff; opacity: 0; } .cropper-modal { background-color: #000; opacity: .5; } .cropper-view-box { display: block; height: 100%; outline-color: rgba(51, 153, 255, 0.75); outline: 1px solid #39f; overflow: hidden; width: 100%; } .cropper-dashed { border: 0 dashed #eee; display: block; opacity: .5; position: absolute; } .cropper-dashed.dashed-h { border-bottom-width: 1px; border-top-width: 1px; height: calc(100% / 3); left: 0; top: calc(100% / 3); width: 100%; } .cropper-dashed.dashed-v { border-left-width: 1px; border-right-width: 1px; height: 100%; left: calc(100% / 3); top: 0; width: calc(100% / 3); } .cropper-center { display: block; height: 0; left: 50%; opacity: .75; position: absolute; top: 50%; width: 0; } .cropper-center:before, .cropper-center:after { background-color: #eee; content: ' '; display: block; position: absolute; } .cropper-center:before { height: 1px; left: -3px; top: 0; width: 7px; } .cropper-center:after { height: 7px; left: 0; top: -3px; width: 1px; } .cropper-face, .cropper-line, .cropper-point { display: block; height: 100%; opacity: .1; position: absolute; width: 100%; } .cropper-face { background-color: #fff; left: 0; top: 0; } .cropper-line { background-color: #39f; } .cropper-line.line-e { cursor: ew-resize; right: -3px; top: 0; width: 5px; } .cropper-line.line-n { cursor: ns-resize; height: 5px; left: 0; top: -3px; } .cropper-line.line-w { cursor: ew-resize; left: -3px; top: 0; width: 5px; } .cropper-line.line-s { bottom: -3px; cursor: ns-resize; height: 5px; left: 0; } .cropper-point { background-color: #39f; height: 5px; opacity: .75; width: 5px; } .cropper-point.point-e { cursor: ew-resize; margin-top: -3px; right: -3px; top: 50%; } .cropper-point.point-n { cursor: ns-resize; left: 50%; margin-left: -3px; top: -3px; } .cropper-point.point-w { cursor: ew-resize; left: -3px; margin-top: -3px; top: 50%; } .cropper-point.point-s { bottom: -3px; cursor: s-resize; left: 50%; margin-left: -3px; } .cropper-point.point-ne { cursor: nesw-resize; right: -3px; top: -3px; } .cropper-point.point-nw { cursor: nwse-resize; left: -3px; top: -3px; } .cropper-point.point-sw { bottom: -3px; cursor: nesw-resize; left: -3px; } .cropper-point.point-se { bottom: -3px; cursor: nwse-resize; height: 20px; opacity: 1; right: -3px; width: 20px; } @media (min-width: 768px) { .cropper-point.point-se { height: 15px; width: 15px; } } @media (min-width: 992px) { .cropper-point.point-se { height: 10px; width: 10px; } } @media (min-width: 1200px) { .cropper-point.point-se { height: 5px; opacity: .75; width: 5px; } } .cropper-point.point-se:before { background-color: #39f; bottom: -50%; content: ' '; display: block; height: 200%; opacity: 0; position: absolute; right: -50%; width: 200%; } .cropper-invisible { opacity: 0; } .cropper-bg { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC"); } .cropper-hide { display: block; height: 0; position: absolute; width: 0; } .cropper-hidden { display: none !important; } .cropper-move { cursor: move; } .cropper-crop { cursor: crosshair; } .cropper-disabled .cropper-drag-box, .cropper-disabled .cropper-face, .cropper-disabled .cropper-line, .cropper-disabled .cropper-point { cursor: not-allowed; } .introjs-overlay { position: absolute; box-sizing: content-box; z-index: 999999; background-color: #000; opacity: 0; background: -moz-radial-gradient(center, ellipse farthest-corner, rgba(0, 0, 0, 0.4) 0, rgba(0, 0, 0, 0.9) 100%); background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(0, 0, 0, 0.4)), color-stop(100%, rgba(0, 0, 0, 0.9))); background: -webkit-radial-gradient(center, ellipse farthest-corner, rgba(0, 0, 0, 0.4) 0, rgba(0, 0, 0, 0.9) 100%); background: -o-radial-gradient(center, ellipse farthest-corner, rgba(0, 0, 0, 0.4) 0, rgba(0, 0, 0, 0.9) 100%); background: -ms-radial-gradient(center, ellipse farthest-corner, rgba(0, 0, 0, 0.4) 0, rgba(0, 0, 0, 0.9) 100%); background: radial-gradient(center, ellipse farthest-corner, rgba(0, 0, 0, 0.4) 0, rgba(0, 0, 0, 0.9) 100%); filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#66000000',endColorstr='#e6000000',GradientType=1)"; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50); -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .introjs-fixParent { z-index: auto !important; opacity: 1.0 !important; -webkit-transform: none !important; -moz-transform: none !important; -ms-transform: none !important; -o-transform: none !important; transform: none !important; } .introjs-showElement, tr.introjs-showElement > td, tr.introjs-showElement > th { z-index: 9999999 !important; } .introjs-disableInteraction { z-index: 99999999 !important; position: absolute; background-color: white; opacity: 0; filter: alpha(opacity=0); } .introjs-relativePosition, tr.introjs-showElement > td, tr.introjs-showElement > th { position: relative; } .introjs-helperLayer { box-sizing: content-box; position: absolute; z-index: 9999998; background-color: #FFF; background-color: rgba(255, 255, 255, 0.9); border: 1px solid #777; border: 1px solid rgba(0, 0, 0, 0.5); border-radius: 4px; box-shadow: 0 2px 15px rgba(0, 0, 0, 0.4); -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .introjs-tooltipReferenceLayer { box-sizing: content-box; position: absolute; visibility: hidden; z-index: 100000000; background-color: transparent; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .introjs-helperLayer *, .introjs-helperLayer *:before, .introjs-helperLayer *:after { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; -ms-box-sizing: content-box; -o-box-sizing: content-box; box-sizing: content-box; } .introjs-helperNumberLayer { box-sizing: content-box; position: absolute; visibility: visible; top: -16px; left: -16px; z-index: 9999999999 !important; padding: 2px; font-family: Arial, verdana, tahoma; font-size: 13px; font-weight: bold; color: white; text-align: center; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3); background: #ff3019; background: -webkit-linear-gradient(top, #ff3019 0%, #cf0404 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ff3019), color-stop(100%, #cf0404)); background: -moz-linear-gradient(top, #ff3019 0%, #cf0404 100%); background: -ms-linear-gradient(top, #ff3019 0%, #cf0404 100%); background: -o-linear-gradient(top, #ff3019 0%, #cf0404 100%); background: linear-gradient(to bottom, #ff3019 0%, #cf0404 100%); width: 20px; height: 20px; line-height: 20px; border: 3px solid white; border-radius: 50%; filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff3019', endColorstr='#cf0404', GradientType=0)"; filter: "progid:DXImageTransform.Microsoft.Shadow(direction=135, strength=2, color=ff0000)"; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.4); } .introjs-arrow { border: 5px solid transparent; content: ''; position: absolute; } .introjs-arrow.top { top: -10px; border-bottom-color: white; } .introjs-arrow.top-right { top: -10px; right: 10px; border-bottom-color: white; } .introjs-arrow.top-middle { top: -10px; left: 50%; margin-left: -5px; border-bottom-color: white; } .introjs-arrow.right { right: -10px; top: 10px; border-left-color: white; } .introjs-arrow.right-bottom { bottom: 10px; right: -10px; border-left-color: white; } .introjs-arrow.bottom { bottom: -10px; border-top-color: white; } .introjs-arrow.bottom-right { bottom: -10px; right: 10px; border-top-color: white; } .introjs-arrow.bottom-middle { bottom: -10px; left: 50%; margin-left: -5px; border-top-color: white; } .introjs-arrow.left { left: -10px; top: 10px; border-right-color: white; } .introjs-arrow.left-bottom { left: -10px; bottom: 10px; border-right-color: white; } .introjs-tooltip { box-sizing: content-box; position: absolute; visibility: visible; padding: 10px; background-color: white; min-width: 200px; max-width: 300px; border-radius: 3px; box-shadow: 0 1px 10px rgba(0, 0, 0, 0.4); -webkit-transition: opacity 0.1s ease-out; -moz-transition: opacity 0.1s ease-out; -ms-transition: opacity 0.1s ease-out; -o-transition: opacity 0.1s ease-out; transition: opacity 0.1s ease-out; } .introjs-tooltipbuttons { text-align: right; white-space: nowrap; } .introjs-button { box-sizing: content-box; position: relative; overflow: visible; display: inline-block; padding: 0.3em 0.8em; border: 1px solid #d4d4d4; margin: 0; text-decoration: none; text-shadow: 1px 1px 0 #fff; font: 11px/normal sans-serif; color: #333; white-space: nowrap; cursor: pointer; outline: none; background-color: #ececec; background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f4f4f4), to(#ececec)); background-image: -moz-linear-gradient(#f4f4f4, #ececec); background-image: -o-linear-gradient(#f4f4f4, #ececec); background-image: linear-gradient(#f4f4f4, #ececec); -webkit-background-clip: padding; -moz-background-clip: padding; -o-background-clip: padding-box; -webkit-border-radius: 0.2em; -moz-border-radius: 0.2em; border-radius: 0.2em; zoom: 1; *display: inline; margin-top: 10px; } .introjs-button:hover { border-color: #bcbcbc; text-decoration: none; box-shadow: 0px 1px 1px #e3e3e3; } .introjs-button:focus, .introjs-button:active { background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ececec), to(#f4f4f4)); background-image: -moz-linear-gradient(#ececec, #f4f4f4); background-image: -o-linear-gradient(#ececec, #f4f4f4); background-image: linear-gradient(#ececec, #f4f4f4); } .introjs-button::-moz-focus-inner { padding: 0; border: 0; } .introjs-skipbutton { box-sizing: content-box; margin-right: 5px; color: #7a7a7a; } .introjs-prevbutton { -webkit-border-radius: 0.2em 0 0 0.2em; -moz-border-radius: 0.2em 0 0 0.2em; border-radius: 0.2em 0 0 0.2em; border-right: none; } .introjs-prevbutton.introjs-fullbutton { border: 1px solid #d4d4d4; -webkit-border-radius: 0.2em; -moz-border-radius: 0.2em; border-radius: 0.2em; } .introjs-nextbutton { -webkit-border-radius: 0 0.2em 0.2em 0; -moz-border-radius: 0 0.2em 0.2em 0; border-radius: 0 0.2em 0.2em 0; } .introjs-nextbutton.introjs-fullbutton { -webkit-border-radius: 0.2em; -moz-border-radius: 0.2em; border-radius: 0.2em; } .introjs-disabled, .introjs-disabled:hover, .introjs-disabled:focus { color: #9a9a9a; border-color: #d4d4d4; box-shadow: none; cursor: default; background-color: #f4f4f4; background-image: none; text-decoration: none; } .introjs-hidden { display: none; } .introjs-bullets { text-align: center; } .introjs-bullets ul { box-sizing: content-box; clear: both; margin: 15px auto 0; padding: 0; display: inline-block; } .introjs-bullets ul li { box-sizing: content-box; list-style: none; float: left; margin: 0 2px; } .introjs-bullets ul li a { box-sizing: content-box; display: block; width: 6px; height: 6px; background: #ccc; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; text-decoration: none; cursor: pointer; } .introjs-bullets ul li a:hover { background: #999; } .introjs-bullets ul li a.active { background: #999; } .introjs-progress { box-sizing: content-box; overflow: hidden; height: 10px; margin: 10px 0 5px 0; border-radius: 4px; background-color: #ecf0f1; } .introjs-progressbar { box-sizing: content-box; float: left; width: 0%; height: 100%; font-size: 10px; line-height: 10px; text-align: center; background-color: #08c; } .introjsFloatingElement { position: absolute; height: 0; width: 0; left: 50%; top: 50%; } .introjs-fixedTooltip { position: fixed; } .introjs-hint { box-sizing: content-box; position: absolute; background: transparent; width: 20px; height: 15px; cursor: pointer; } .introjs-hint:focus { border: 0; outline: 0; } .introjs-hidehint { display: none; } .introjs-fixedhint { position: fixed; } .introjs-hint:hover > .introjs-hint-pulse { border: 5px solid rgba(60, 60, 60, 0.57); } .introjs-hint-pulse { box-sizing: content-box; width: 10px; height: 10px; border: 5px solid rgba(60, 60, 60, 0.27); -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; background-color: rgba(136, 136, 136, 0.24); z-index: 10; position: absolute; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } .introjs-hint-no-anim .introjs-hint-dot { -webkit-animation: none; -moz-animation: none; animation: none; } .introjs-hint-dot { box-sizing: content-box; border: 10px solid rgba(146, 146, 146, 0.36); background: transparent; -webkit-border-radius: 60px; -moz-border-radius: 60px; border-radius: 60px; height: 50px; width: 50px; -webkit-animation: introjspulse 3s ease-out; -moz-animation: introjspulse 3s ease-out; animation: introjspulse 3s ease-out; -webkit-animation-iteration-count: infinite; -moz-animation-iteration-count: infinite; animation-iteration-count: infinite; position: absolute; top: -25px; left: -25px; z-index: 1; opacity: 0; } @-webkit-keyframes introjspulse { 0% { -webkit-transform: scale(0); opacity: 0.0; } 25% { -webkit-transform: scale(0); opacity: 0.1; } 50% { -webkit-transform: scale(0.1); opacity: 0.3; } 75% { -webkit-transform: scale(0.5); opacity: 0.5; } 100% { -webkit-transform: scale(1); opacity: 0.0; } } @-moz-keyframes introjspulse { 0% { -moz-transform: scale(0); opacity: 0.0; } 25% { -moz-transform: scale(0); opacity: 0.1; } 50% { -moz-transform: scale(0.1); opacity: 0.3; } 75% { -moz-transform: scale(0.5); opacity: 0.5; } 100% { -moz-transform: scale(1); opacity: 0.0; } } @keyframes introjspulse { 0% { transform: scale(0); opacity: 0.0; } 25% { transform: scale(0); opacity: 0.1; } 50% { transform: scale(0.1); opacity: 0.3; } 75% { transform: scale(0.5); opacity: 0.5; } 100% { transform: scale(1); opacity: 0.0; } } /*! * Ladda * http://lab.hakim.se/ladda * MIT licensed * * Copyright (C) 2018 Hakim El Hattab, http://hakim.se */ @keyframes ladda-spinner-line-fade { 0%, 100% { opacity: 0.22; } 1% { opacity: 1; } } .ladda-button { position: relative; } .ladda-button .ladda-spinner { position: absolute; z-index: 2; display: inline-block; width: 32px; top: 50%; margin-top: 0; opacity: 0; pointer-events: none; } .ladda-button .ladda-label { position: relative; z-index: 3; } [class*="btn-outline-"] .ladda-spinner div div div { background: #000 !important; } [class*="btn-outline-"].ladda-button .ladda-label { transition: none !important; } .ladda-button .ladda-progress { position: absolute; width: 0; height: 100%; left: 0; top: 0; background: rgba(0, 0, 0, 0.2); display: none; transition: 0.1s linear all !important; } .ladda-button[data-loading] .ladda-progress { display: block; } .ladda-button, .ladda-button .ladda-spinner, .ladda-button .ladda-label { transition: 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) all !important; } .ladda-button[data-style=zoom-in], .ladda-button[data-style=zoom-in] .ladda-spinner, .ladda-button[data-style=zoom-in] .ladda-label, .ladda-button[data-style=zoom-out], .ladda-button[data-style=zoom-out] .ladda-spinner, .ladda-button[data-style=zoom-out] .ladda-label { transition: 0.3s ease all !important; } .ladda-button[data-style=expand-right] .ladda-spinner { right: -6px; } .ladda-button[data-style=expand-right][data-size="s"] .ladda-spinner, .ladda-button[data-style=expand-right][data-size="xs"] .ladda-spinner { right: -12px; } .ladda-button[data-style=expand-right][data-loading] { padding-right: 56px; } .ladda-button[data-style=expand-right][data-loading] .ladda-spinner { opacity: 1; } .ladda-button[data-style=expand-right][data-loading][data-size="s"], .ladda-button[data-style=expand-right][data-loading][data-size="xs"] { padding-right: 40px; } .ladda-button[data-style=expand-left] .ladda-spinner { left: 26px; } .ladda-button[data-style=expand-left][data-size="s"] .ladda-spinner, .ladda-button[data-style=expand-left][data-size="xs"] .ladda-spinner { left: 4px; } .ladda-button[data-style=expand-left][data-loading] { padding-left: 56px; } .ladda-button[data-style=expand-left][data-loading] .ladda-spinner { opacity: 1; } .ladda-button[data-style=expand-left][data-loading][data-size="s"], .ladda-button[data-style=expand-left][data-loading][data-size="xs"] { padding-left: 40px; } .ladda-button[data-style=expand-up] { overflow: hidden; } .ladda-button[data-style=expand-up] .ladda-spinner { top: -32px; left: 50%; margin-left: 0; } .ladda-button[data-style=expand-up][data-loading] { padding-top: 54px; } .ladda-button[data-style=expand-up][data-loading] .ladda-spinner { opacity: 1; top: 26px; margin-top: 0; } .ladda-button[data-style=expand-up][data-loading][data-size="s"], .ladda-button[data-style=expand-up][data-loading][data-size="xs"] { padding-top: 32px; } .ladda-button[data-style=expand-up][data-loading][data-size="s"] .ladda-spinner, .ladda-button[data-style=expand-up][data-loading][data-size="xs"] .ladda-spinner { top: 4px; } .ladda-button[data-style=expand-down] { overflow: hidden; } .ladda-button[data-style=expand-down] .ladda-spinner { top: 52px; left: 50%; margin-left: 0; } .ladda-button[data-style=expand-down][data-size="s"] .ladda-spinner, .ladda-button[data-style=expand-down][data-size="xs"] .ladda-spinner { top: 40px; } .ladda-button[data-style=expand-down][data-loading] { padding-bottom: 54px; } .ladda-button[data-style=expand-down][data-loading] .ladda-spinner { opacity: 1; } .ladda-button[data-style=expand-down][data-loading][data-size="s"], .ladda-button[data-style=expand-down][data-loading][data-size="xs"] { padding-bottom: 32px; } .ladda-button[data-style=slide-left] { overflow: hidden; } .ladda-button[data-style=slide-left] .ladda-label { position: relative; } .ladda-button[data-style=slide-left] .ladda-spinner { left: 100%; margin-left: 0; } .ladda-button[data-style=slide-left][data-loading] .ladda-label { opacity: 0; left: -100%; } .ladda-button[data-style=slide-left][data-loading] .ladda-spinner { opacity: 1; left: 50%; } .ladda-button[data-style=slide-right] { overflow: hidden; } .ladda-button[data-style=slide-right] .ladda-label { position: relative; } .ladda-button[data-style=slide-right] .ladda-spinner { right: 100%; margin-left: 0; left: 16px; } [dir="rtl"] .ladda-button[data-style=slide-right] .ladda-spinner { right: auto; } .ladda-button[data-style=slide-right][data-loading] .ladda-label { opacity: 0; left: 100%; } .ladda-button[data-style=slide-right][data-loading] .ladda-spinner { opacity: 1; left: 50%; } .ladda-button[data-style=slide-up] { overflow: hidden; } .ladda-button[data-style=slide-up] .ladda-label { position: relative; } .ladda-button[data-style=slide-up] .ladda-spinner { left: 50%; margin-left: 0; margin-top: 1em; } .ladda-button[data-style=slide-up][data-loading] .ladda-label { opacity: 0; top: -1em; } .ladda-button[data-style=slide-up][data-loading] .ladda-spinner { opacity: 1; margin-top: 0; } .ladda-button[data-style=slide-down] { overflow: hidden; } .ladda-button[data-style=slide-down] .ladda-label { position: relative; } .ladda-button[data-style=slide-down] .ladda-spinner { left: 50%; margin-left: 0; margin-top: -2em; } .ladda-button[data-style=slide-down][data-loading] .ladda-label { opacity: 0; top: 1em; } .ladda-button[data-style=slide-down][data-loading] .ladda-spinner { opacity: 1; margin-top: 0; } .ladda-button[data-style=zoom-out] { overflow: hidden; } .ladda-button[data-style=zoom-out] .ladda-spinner { left: 50%; margin-left: 32px; transform: scale(2.5); } .ladda-button[data-style=zoom-out] .ladda-label { position: relative; display: inline-block; } .ladda-button[data-style=zoom-out][data-loading] .ladda-label { opacity: 0; transform: scale(0.5); } .ladda-button[data-style=zoom-out][data-loading] .ladda-spinner { opacity: 1; margin-left: 0; transform: none; } .ladda-button[data-style=zoom-in] { overflow: hidden; } .ladda-button[data-style=zoom-in] .ladda-spinner { left: 50%; margin-left: -16px; transform: scale(0.2); } .ladda-button[data-style=zoom-in] .ladda-label { position: relative; display: inline-block; } .ladda-button[data-style=zoom-in][data-loading] .ladda-label { opacity: 0; transform: scale(2.2); } .ladda-button[data-style=zoom-in][data-loading] .ladda-spinner { opacity: 1; margin-left: 0; transform: none; } .ladda-button[data-style=contract] { overflow: hidden; width: 100px; } .ladda-button[data-style=contract] .ladda-spinner { left: 50%; margin-left: 0; } .ladda-button[data-style=contract][data-loading] { border-radius: 50%; width: 52px; } .ladda-button[data-style=contract][data-loading] .ladda-label { opacity: 0; } .ladda-button[data-style=contract][data-loading] .ladda-spinner { opacity: 1; } .ladda-button[data-style=contract-overlay] { overflow: hidden; width: 100px; box-shadow: 0px 0px 0px 2000px rgba(0, 0, 0, 0); } .ladda-button[data-style=contract-overlay] .ladda-spinner { left: 50%; margin-left: 0; } .ladda-button[data-style=contract-overlay][data-loading] { border-radius: 50%; width: 52px; box-shadow: 0px 0px 0px 2000px rgba(0, 0, 0, 0.8); } .ladda-button[data-style=contract-overlay][data-loading] .ladda-label { opacity: 0; } .ladda-button[data-style=contract-overlay][data-loading] .ladda-spinner { opacity: 1; } [dir="rtl"] .ladda-spinner > div { left: 25% !important; } .app-drawer-overlay { position: fixed; height: 100%; width: 100%; z-index: 999; background: rgba(0, 0, 0, 0.4); display: block; content: ''; left: 0; top: 0; } .app-drawer-wrapper { width: 450px; height: 100%; position: fixed; right: -450px; top: 0; transition: all .2s; z-index: 9999; } .app-drawer-wrapper.drawer-open { right: 0; box-shadow: 0 0.76875rem 2.4875rem rgba(52, 58, 64, 0.3), 0 1.3375rem 1.70625rem rgba(52, 58, 64, 0.3), 0 0.55rem 0.53125rem rgba(0, 0, 0, 0.05), 0 0.225rem 0.4375rem rgba(52, 58, 64, 0.3); } .app-drawer-wrapper.drawer-open::before { opacity: 1; } .drawer-content-wrapper { background: #fff; position: relative; height: 100%; } .drawer-content-wrapper .drawer-heading { font-size: .968rem; color: #495057; margin: 0; background: #f8f9fa; padding: .75rem 1.5rem; border-bottom: #dee2e6 solid 1px; border-top: #dee2e6 solid 1px; font-weight: bold; } .drawer-content-wrapper .drawer-heading:first-child { border-top: 0; } .drawer-content-wrapper .drawer-section { padding: 1.5rem; } .drawer-content-wrapper > .app-sidebar__heading:first-child { margin-top: 0; } .drawer-nav-btn { border-radius: 30px; background: #fff; position: absolute; right: .75rem; top: .2rem; padding: .2rem .25rem; box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075); z-index: 20; } .drawer-nav-btn .hamburger { margin-top: 4px; } /*! * Hamburgers * @description Tasty CSS-animated hamburgers * @author Jonathan Suh @jonsuh * @site https://jonsuh.com/hamburgers * @link https://github.com/jonsuh/hamburgers */ .hamburger { padding: 0px 0px; display: inline-block; cursor: pointer; transition-property: opacity, filter; transition-duration: 0.15s; transition-timing-function: linear; font: inherit; color: inherit; text-transform: none; background-color: transparent; border: 0; margin: 0; overflow: visible; } .hamburger:hover { opacity: .7; } .hamburger.is-active:hover { opacity: .7; } .hamburger.is-active .hamburger-inner, .hamburger.is-active .hamburger-inner::before, .hamburger.is-active .hamburger-inner::after { background-color: #3f6ad8; } .hamburger-box { width: 24px; height: 14px; display: inline-block; position: relative; } .hamburger-inner { display: block; top: 50%; margin-top: -1px; } .hamburger-inner, .hamburger-inner::before, .hamburger-inner::after { width: 24px; height: 2px; background-color: #3f6ad8; border-radius: 10px; position: absolute; transition-property: transform; transition-duration: 0.15s; transition-timing-function: ease; } .hamburger-inner::before, .hamburger-inner::after { content: ""; display: block; } .hamburger-inner::before { top: -6px; } .hamburger-inner::after { bottom: -6px; } .hamburger--elastic .hamburger-inner { top: 1px; transition-duration: 0.275s; transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55); } .hamburger--elastic .hamburger-inner::before { top: 6px; transition: opacity 0.125s 0.275s ease; } .hamburger--elastic .hamburger-inner::after { top: 12px; transition: transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55); } .hamburger--elastic.is-active .hamburger-inner { transform: translate3d(0, 6px, 0) rotate(135deg); transition-delay: 0.075s; } .hamburger--elastic.is-active .hamburger-inner::before { transition-delay: 0s; opacity: 0; } .hamburger--elastic.is-active .hamburger-inner::after { transform: translate3d(0, -12px, 0) rotate(-270deg); transition-delay: 0.075s; } @-webkit-keyframes swal2-show { 0% { -webkit-transform: scale(0.7); transform: scale(0.7); } 45% { -webkit-transform: scale(1.05); transform: scale(1.05); } 80% { -webkit-transform: scale(0.95); transform: scale(0.95); } 100% { -webkit-transform: scale(1); transform: scale(1); } } @keyframes swal2-show { 0% { -webkit-transform: scale(0.7); transform: scale(0.7); } 45% { -webkit-transform: scale(1.05); transform: scale(1.05); } 80% { -webkit-transform: scale(0.95); transform: scale(0.95); } 100% { -webkit-transform: scale(1); transform: scale(1); } } @-webkit-keyframes swal2-hide { 0% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } 100% { -webkit-transform: scale(0.5); transform: scale(0.5); opacity: 0; } } @keyframes swal2-hide { 0% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } 100% { -webkit-transform: scale(0.5); transform: scale(0.5); opacity: 0; } } @-webkit-keyframes swal2-animate-success-line-tip { 0% { top: 1.1875em; left: .0625em; width: 0; } 54% { top: 1.0625em; left: .125em; width: 0; } 70% { top: 2.1875em; left: -.375em; width: 3.125em; } 84% { top: 3em; left: 1.3125em; width: 1.0625em; } 100% { top: 2.8125em; left: .875em; width: 1.5625em; } } @keyframes swal2-animate-success-line-tip { 0% { top: 1.1875em; left: .0625em; width: 0; } 54% { top: 1.0625em; left: .125em; width: 0; } 70% { top: 2.1875em; left: -.375em; width: 3.125em; } 84% { top: 3em; left: 1.3125em; width: 1.0625em; } 100% { top: 2.8125em; left: .875em; width: 1.5625em; } } @-webkit-keyframes swal2-animate-success-line-long { 0% { top: 3.375em; right: 2.875em; width: 0; } 65% { top: 3.375em; right: 2.875em; width: 0; } 84% { top: 2.1875em; right: 0; width: 3.4375em; } 100% { top: 2.375em; right: .5em; width: 2.9375em; } } @keyframes swal2-animate-success-line-long { 0% { top: 3.375em; right: 2.875em; width: 0; } 65% { top: 3.375em; right: 2.875em; width: 0; } 84% { top: 2.1875em; right: 0; width: 3.4375em; } 100% { top: 2.375em; right: .5em; width: 2.9375em; } } @-webkit-keyframes swal2-rotate-success-circular-line { 0% { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } 5% { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } 12% { -webkit-transform: rotate(-405deg); transform: rotate(-405deg); } 100% { -webkit-transform: rotate(-405deg); transform: rotate(-405deg); } } @keyframes swal2-rotate-success-circular-line { 0% { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } 5% { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } 12% { -webkit-transform: rotate(-405deg); transform: rotate(-405deg); } 100% { -webkit-transform: rotate(-405deg); transform: rotate(-405deg); } } @-webkit-keyframes swal2-animate-error-x-mark { 0% { margin-top: 1.625em; -webkit-transform: scale(0.4); transform: scale(0.4); opacity: 0; } 50% { margin-top: 1.625em; -webkit-transform: scale(0.4); transform: scale(0.4); opacity: 0; } 80% { margin-top: -.375em; -webkit-transform: scale(1.15); transform: scale(1.15); } 100% { margin-top: 0; -webkit-transform: scale(1); transform: scale(1); opacity: 1; } } @keyframes swal2-animate-error-x-mark { 0% { margin-top: 1.625em; -webkit-transform: scale(0.4); transform: scale(0.4); opacity: 0; } 50% { margin-top: 1.625em; -webkit-transform: scale(0.4); transform: scale(0.4); opacity: 0; } 80% { margin-top: -.375em; -webkit-transform: scale(1.15); transform: scale(1.15); } 100% { margin-top: 0; -webkit-transform: scale(1); transform: scale(1); opacity: 1; } } @-webkit-keyframes swal2-animate-error-icon { 0% { -webkit-transform: rotateX(100deg); transform: rotateX(100deg); opacity: 0; } 100% { -webkit-transform: rotateX(0deg); transform: rotateX(0deg); opacity: 1; } } @keyframes swal2-animate-error-icon { 0% { -webkit-transform: rotateX(100deg); transform: rotateX(100deg); opacity: 0; } 100% { -webkit-transform: rotateX(0deg); transform: rotateX(0deg); opacity: 1; } } body.swal2-toast-shown .swal2-container { position: fixed; background-color: transparent; } body.swal2-toast-shown .swal2-container.swal2-shown { background-color: transparent; } body.swal2-toast-shown .swal2-container.swal2-top { top: 0; right: auto; bottom: auto; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); } body.swal2-toast-shown .swal2-container.swal2-top-end, body.swal2-toast-shown .swal2-container.swal2-top-right { top: 0; right: 0; bottom: auto; left: auto; } body.swal2-toast-shown .swal2-container.swal2-top-start, body.swal2-toast-shown .swal2-container.swal2-top-left { top: 0; right: auto; bottom: auto; left: 0; } body.swal2-toast-shown .swal2-container.swal2-center-start, body.swal2-toast-shown .swal2-container.swal2-center-left { top: 50%; right: auto; bottom: auto; left: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); } body.swal2-toast-shown .swal2-container.swal2-center { top: 50%; right: auto; bottom: auto; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } body.swal2-toast-shown .swal2-container.swal2-center-end, body.swal2-toast-shown .swal2-container.swal2-center-right { top: 50%; right: 0; bottom: auto; left: auto; -webkit-transform: translateY(-50%); transform: translateY(-50%); } body.swal2-toast-shown .swal2-container.swal2-bottom-start, body.swal2-toast-shown .swal2-container.swal2-bottom-left { top: auto; right: auto; bottom: 0; left: 0; } body.swal2-toast-shown .swal2-container.swal2-bottom { top: auto; right: auto; bottom: 0; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); } body.swal2-toast-shown .swal2-container.swal2-bottom-end, body.swal2-toast-shown .swal2-container.swal2-bottom-right { top: auto; right: 0; bottom: 0; left: auto; } body.swal2-toast-column .swal2-toast { flex-direction: column; align-items: stretch; } body.swal2-toast-column .swal2-toast .swal2-actions { flex: 1; align-self: stretch; height: 2.2em; margin-top: .3125em; } body.swal2-toast-column .swal2-toast .swal2-loading { justify-content: center; } body.swal2-toast-column .swal2-toast .swal2-input { height: 2em; margin: .3125em auto; font-size: 1em; } body.swal2-toast-column .swal2-toast .swal2-validation-message { font-size: 1em; } .swal2-popup.swal2-toast { flex-direction: row; align-items: center; width: auto; padding: 0.625em; box-shadow: 0 0 0.625em #d9d9d9; overflow-y: hidden; } .swal2-popup.swal2-toast .swal2-header { flex-direction: row; } .swal2-popup.swal2-toast .swal2-title { flex-grow: 1; justify-content: flex-start; margin: 0 .6em; font-size: 1em; } .swal2-popup.swal2-toast .swal2-footer { margin: 0.5em 0 0; padding: 0.5em 0 0; font-size: 0.8em; } .swal2-popup.swal2-toast .swal2-close { position: initial; width: 0.8em; height: 0.8em; line-height: 0.8; } .swal2-popup.swal2-toast .swal2-content { justify-content: flex-start; font-size: 1em; } .swal2-popup.swal2-toast .swal2-icon { width: 2em; min-width: 2em; height: 2em; margin: 0; } .swal2-popup.swal2-toast .swal2-icon-text { font-size: 2em; font-weight: bold; line-height: 1em; } .swal2-popup.swal2-toast .swal2-icon.swal2-success .swal2-success-ring { width: 2em; height: 2em; } .swal2-popup.swal2-toast .swal2-icon.swal2-error [class^='swal2-x-mark-line'] { top: .875em; width: 1.375em; } .swal2-popup.swal2-toast .swal2-icon.swal2-error [class^='swal2-x-mark-line'][class$='left'] { left: .3125em; } .swal2-popup.swal2-toast .swal2-icon.swal2-error [class^='swal2-x-mark-line'][class$='right'] { right: .3125em; } .swal2-popup.swal2-toast .swal2-actions { height: auto; margin: 0 .3125em; } .swal2-popup.swal2-toast .swal2-styled { margin: 0 .3125em; padding: .3125em .625em; font-size: 1em; } .swal2-popup.swal2-toast .swal2-styled:focus { box-shadow: 0 0 0 0.0625em #fff, 0 0 0 0.125em rgba(255, 255, 255, 0.4); } .swal2-popup.swal2-toast .swal2-success { border-color: #3ac47d; } .swal2-popup.swal2-toast .swal2-success [class^='swal2-success-circular-line'] { position: absolute; width: 2em; height: 2.8125em; -webkit-transform: rotate(45deg); transform: rotate(45deg); border-radius: 50%; } .swal2-popup.swal2-toast .swal2-success [class^='swal2-success-circular-line'][class$='left'] { top: -.25em; left: -.9375em; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transform-origin: 2em 2em; transform-origin: 2em 2em; border-radius: 4em 0 0 4em; } .swal2-popup.swal2-toast .swal2-success [class^='swal2-success-circular-line'][class$='right'] { top: -.25em; left: .9375em; -webkit-transform-origin: 0 2em; transform-origin: 0 2em; border-radius: 0 4em 4em 0; } .swal2-popup.swal2-toast .swal2-success .swal2-success-ring { width: 2em; height: 2em; } .swal2-popup.swal2-toast .swal2-success .swal2-success-fix { top: 0; left: .4375em; width: .4375em; height: 2.6875em; } .swal2-popup.swal2-toast .swal2-success [class^='swal2-success-line'] { height: .3125em; } .swal2-popup.swal2-toast .swal2-success [class^='swal2-success-line'][class$='tip'] { top: 1.125em; left: .1875em; width: .75em; } .swal2-popup.swal2-toast .swal2-success [class^='swal2-success-line'][class$='long'] { top: .9375em; right: .1875em; width: 1.375em; } .swal2-popup.swal2-toast.swal2-show { -webkit-animation: showSweetToast .5s; animation: showSweetToast .5s; } .swal2-popup.swal2-toast.swal2-hide { -webkit-animation: hideSweetToast .2s forwards; animation: hideSweetToast .2s forwards; } .swal2-popup.swal2-toast .swal2-animate-success-icon .swal2-success-line-tip { -webkit-animation: animate-toast-success-tip .75s; animation: animate-toast-success-tip .75s; } .swal2-popup.swal2-toast .swal2-animate-success-icon .swal2-success-line-long { -webkit-animation: animate-toast-success-long .75s; animation: animate-toast-success-long .75s; } @-webkit-keyframes showSweetToast { 0% { -webkit-transform: translateY(-0.625em) rotateZ(2deg); transform: translateY(-0.625em) rotateZ(2deg); opacity: 0; } 33% { -webkit-transform: translateY(0) rotateZ(-2deg); transform: translateY(0) rotateZ(-2deg); opacity: .5; } 66% { -webkit-transform: translateY(0.3125em) rotateZ(2deg); transform: translateY(0.3125em) rotateZ(2deg); opacity: .7; } 100% { -webkit-transform: translateY(0) rotateZ(0); transform: translateY(0) rotateZ(0); opacity: 1; } } @keyframes showSweetToast { 0% { -webkit-transform: translateY(-0.625em) rotateZ(2deg); transform: translateY(-0.625em) rotateZ(2deg); opacity: 0; } 33% { -webkit-transform: translateY(0) rotateZ(-2deg); transform: translateY(0) rotateZ(-2deg); opacity: .5; } 66% { -webkit-transform: translateY(0.3125em) rotateZ(2deg); transform: translateY(0.3125em) rotateZ(2deg); opacity: .7; } 100% { -webkit-transform: translateY(0) rotateZ(0); transform: translateY(0) rotateZ(0); opacity: 1; } } @-webkit-keyframes hideSweetToast { 0% { opacity: 1; } 33% { opacity: .5; } 100% { -webkit-transform: rotateZ(1deg); transform: rotateZ(1deg); opacity: 0; } } @keyframes hideSweetToast { 0% { opacity: 1; } 33% { opacity: .5; } 100% { -webkit-transform: rotateZ(1deg); transform: rotateZ(1deg); opacity: 0; } } @-webkit-keyframes animate-toast-success-tip { 0% { top: .5625em; left: .0625em; width: 0; } 54% { top: .125em; left: .125em; width: 0; } 70% { top: .625em; left: -.25em; width: 1.625em; } 84% { top: 1.0625em; left: .75em; width: .5em; } 100% { top: 1.125em; left: .1875em; width: .75em; } } @keyframes animate-toast-success-tip { 0% { top: .5625em; left: .0625em; width: 0; } 54% { top: .125em; left: .125em; width: 0; } 70% { top: .625em; left: -.25em; width: 1.625em; } 84% { top: 1.0625em; left: .75em; width: .5em; } 100% { top: 1.125em; left: .1875em; width: .75em; } } @-webkit-keyframes animate-toast-success-long { 0% { top: 1.625em; right: 1.375em; width: 0; } 65% { top: 1.25em; right: .9375em; width: 0; } 84% { top: .9375em; right: 0; width: 1.125em; } 100% { top: .9375em; right: .1875em; width: 1.375em; } } @keyframes animate-toast-success-long { 0% { top: 1.625em; right: 1.375em; width: 0; } 65% { top: 1.25em; right: .9375em; width: 0; } 84% { top: .9375em; right: 0; width: 1.125em; } 100% { top: .9375em; right: .1875em; width: 1.375em; } } body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown) { overflow: hidden; } body.swal2-height-auto { height: auto !important; } body.swal2-no-backdrop .swal2-shown { top: auto; right: auto; bottom: auto; left: auto; background-color: transparent; } body.swal2-no-backdrop .swal2-shown > .swal2-modal { box-shadow: 0 0 10px rgba(0, 0, 0, 0.4); } body.swal2-no-backdrop .swal2-shown.swal2-top { top: 0; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); } body.swal2-no-backdrop .swal2-shown.swal2-top-start, body.swal2-no-backdrop .swal2-shown.swal2-top-left { top: 0; left: 0; } body.swal2-no-backdrop .swal2-shown.swal2-top-end, body.swal2-no-backdrop .swal2-shown.swal2-top-right { top: 0; right: 0; } body.swal2-no-backdrop .swal2-shown.swal2-center { top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } body.swal2-no-backdrop .swal2-shown.swal2-center-start, body.swal2-no-backdrop .swal2-shown.swal2-center-left { top: 50%; left: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); } body.swal2-no-backdrop .swal2-shown.swal2-center-end, body.swal2-no-backdrop .swal2-shown.swal2-center-right { top: 50%; right: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); } body.swal2-no-backdrop .swal2-shown.swal2-bottom { bottom: 0; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); } body.swal2-no-backdrop .swal2-shown.swal2-bottom-start, body.swal2-no-backdrop .swal2-shown.swal2-bottom-left { bottom: 0; left: 0; } body.swal2-no-backdrop .swal2-shown.swal2-bottom-end, body.swal2-no-backdrop .swal2-shown.swal2-bottom-right { right: 0; bottom: 0; } .swal2-container { display: flex; position: fixed; top: 0; right: 0; bottom: 0; left: 0; flex-direction: row; align-items: center; justify-content: center; padding: 10px; background-color: transparent; z-index: 1060; overflow-x: hidden; -webkit-overflow-scrolling: touch; } .swal2-container.swal2-top { align-items: flex-start; } .swal2-container.swal2-top-start, .swal2-container.swal2-top-left { align-items: flex-start; justify-content: flex-start; } .swal2-container.swal2-top-end, .swal2-container.swal2-top-right { align-items: flex-start; justify-content: flex-end; } .swal2-container.swal2-center { align-items: center; } .swal2-container.swal2-center-start, .swal2-container.swal2-center-left { align-items: center; justify-content: flex-start; } .swal2-container.swal2-center-end, .swal2-container.swal2-center-right { align-items: center; justify-content: flex-end; } .swal2-container.swal2-bottom { align-items: flex-end; } .swal2-container.swal2-bottom-start, .swal2-container.swal2-bottom-left { align-items: flex-end; justify-content: flex-start; } .swal2-container.swal2-bottom-end, .swal2-container.swal2-bottom-right { align-items: flex-end; justify-content: flex-end; } .swal2-container.swal2-grow-fullscreen > .swal2-modal { display: flex !important; flex: 1; align-self: stretch; justify-content: center; } .swal2-container.swal2-grow-row > .swal2-modal { display: flex !important; flex: 1; align-content: center; justify-content: center; } .swal2-container.swal2-grow-column { flex: 1; flex-direction: column; } .swal2-container.swal2-grow-column.swal2-top, .swal2-container.swal2-grow-column.swal2-center, .swal2-container.swal2-grow-column.swal2-bottom { align-items: center; } .swal2-container.swal2-grow-column.swal2-top-start, .swal2-container.swal2-grow-column.swal2-center-start, .swal2-container.swal2-grow-column.swal2-bottom-start, .swal2-container.swal2-grow-column.swal2-top-left, .swal2-container.swal2-grow-column.swal2-center-left, .swal2-container.swal2-grow-column.swal2-bottom-left { align-items: flex-start; } .swal2-container.swal2-grow-column.swal2-top-end, .swal2-container.swal2-grow-column.swal2-center-end, .swal2-container.swal2-grow-column.swal2-bottom-end, .swal2-container.swal2-grow-column.swal2-top-right, .swal2-container.swal2-grow-column.swal2-center-right, .swal2-container.swal2-grow-column.swal2-bottom-right { align-items: flex-end; } .swal2-container.swal2-grow-column > .swal2-modal { display: flex !important; flex: 1; align-content: center; justify-content: center; } .swal2-container:not(.swal2-top):not(.swal2-top-start):not(.swal2-top-end):not(.swal2-top-left):not(.swal2-top-right):not(.swal2-center-start):not(.swal2-center-end):not(.swal2-center-left):not(.swal2-center-right):not(.swal2-bottom):not(.swal2-bottom-start):not(.swal2-bottom-end):not(.swal2-bottom-left):not(.swal2-bottom-right):not(.swal2-grow-fullscreen) > .swal2-modal { margin: auto; } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .swal2-container .swal2-modal { margin: 0 !important; } } .swal2-container.swal2-fade { transition: background-color .1s; } .swal2-container.swal2-shown { background-color: rgba(0, 0, 0, 0.4); } .swal2-popup { display: none; position: relative; flex-direction: column; justify-content: center; width: 32em; max-width: 100%; padding: 1.25em; border-radius: 0.3125em; background: #fff; font-family: inherit; font-size: 1rem; box-sizing: border-box; } .swal2-popup:focus { outline: none; } .swal2-popup.swal2-loading { overflow-y: hidden; } .swal2-popup .swal2-header { display: flex; flex-direction: column; align-items: center; } .swal2-popup .swal2-title { display: block; position: relative; max-width: 100%; margin: 0 0 0.4em; padding: 0; color: #343a40; font-size: 1.875em; font-weight: 600; text-align: center; text-transform: none; word-wrap: break-word; } .swal2-popup .swal2-actions { flex-wrap: wrap; align-items: center; justify-content: center; margin: 1.25em auto 0; z-index: 1; } .swal2-popup .swal2-actions:not(.swal2-loading) .swal2-styled[disabled] { opacity: .4; } .swal2-popup .swal2-actions:not(.swal2-loading) .swal2-styled:hover { background-image: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)); } .swal2-popup .swal2-actions:not(.swal2-loading) .swal2-styled:active { background-image: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)); } .swal2-popup .swal2-actions.swal2-loading .swal2-styled.swal2-confirm { width: 2.5em; height: 2.5em; margin: .46875em; padding: 0; border: .25em solid transparent; border-radius: 100%; border-color: transparent; background-color: transparent !important; color: transparent; cursor: default; box-sizing: border-box; -webkit-animation: swal2-rotate-loading 1.5s linear 0s infinite normal; animation: swal2-rotate-loading 1.5s linear 0s infinite normal; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .swal2-popup .swal2-actions.swal2-loading .swal2-styled.swal2-cancel { margin-right: 30px; margin-left: 30px; } .swal2-popup .swal2-actions.swal2-loading :not(.swal2-styled).swal2-confirm::after { display: inline-block; width: 15px; height: 15px; margin-left: 5px; border: 3px solid #ced4da; border-radius: 50%; border-right-color: transparent; box-shadow: 1px 1px 1px #fff; content: ''; -webkit-animation: swal2-rotate-loading 1.5s linear 0s infinite normal; animation: swal2-rotate-loading 1.5s linear 0s infinite normal; } .swal2-popup .swal2-styled { margin: .3125em; padding: .625em 2em; font-weight: 500; box-shadow: none; } .swal2-popup .swal2-styled:not([disabled]) { cursor: pointer; } .swal2-popup .swal2-styled.swal2-confirm { border: 0; border-radius: 0.25em; background: initial; background-color: #3f6ad8; color: #fff; font-size: 1.0625em; } .swal2-popup .swal2-styled.swal2-cancel { border: 0; border-radius: 0.25em; background: initial; background-color: #f8f9fa; color: #fff; font-size: 1.0625em; } .swal2-popup .swal2-styled:focus { outline: none; box-shadow: 0 0 0 2px #fff, 0 0 0 4px rgba(50, 100, 150, 0.4); } .swal2-popup .swal2-styled::-moz-focus-inner { border: 0; } .swal2-popup .swal2-footer { justify-content: center; margin: 1.25em 0 0; padding: 1em 0 0; border-top: 1px solid #f8f9fa; color: #343a40; font-size: 1em; } .swal2-popup .swal2-image { max-width: 100%; margin: 1.25em auto; } .swal2-popup .swal2-close { position: absolute; top: 0; right: 0; justify-content: center; width: 1.2em; height: 1.2em; padding: 0; transition: color 0.1s ease-out; border: none; border-radius: 0; outline: initial; background: transparent; color: #495057; font-family: serif; font-size: 2.5em; line-height: 1.2; cursor: pointer; overflow: hidden; } .swal2-popup .swal2-close:hover { -webkit-transform: none; transform: none; color: #FF4961; } .swal2-popup > .swal2-input, .swal2-popup > .swal2-file, .swal2-popup > .swal2-textarea, .swal2-popup > .swal2-select, .swal2-popup > .swal2-radio, .swal2-popup > .swal2-checkbox { display: none; } .swal2-popup .swal2-content { justify-content: center; margin: 0; padding: 0; color: #6c757d; font-size: 1.125em; font-weight: 300; line-height: normal; z-index: 1; word-wrap: break-word; } .swal2-popup #swal2-content { text-align: center; } .swal2-popup .swal2-input, .swal2-popup .swal2-file, .swal2-popup .swal2-textarea, .swal2-popup .swal2-select, .swal2-popup .swal2-radio, .swal2-popup .swal2-checkbox { margin: 1em auto; } .swal2-popup .swal2-input, .swal2-popup .swal2-file, .swal2-popup .swal2-textarea { width: 100%; transition: border-color .3s, box-shadow .3s; border: 1px solid #dee2e6; border-radius: 0.1875em; font-size: 1.125em; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.06); box-sizing: border-box; } .swal2-popup .swal2-input.swal2-inputerror, .swal2-popup .swal2-file.swal2-inputerror, .swal2-popup .swal2-textarea.swal2-inputerror { border-color: #FF4961 !important; box-shadow: 0 0 2px #FF4961 !important; } .swal2-popup .swal2-input:focus, .swal2-popup .swal2-file:focus, .swal2-popup .swal2-textarea:focus { border: 1px solid #3f6ad8; outline: none; } .swal2-popup .swal2-input::-webkit-input-placeholder, .swal2-popup .swal2-file::-webkit-input-placeholder, .swal2-popup .swal2-textarea::-webkit-input-placeholder { color: #6c757d; } .swal2-popup .swal2-input:-ms-input-placeholder, .swal2-popup .swal2-file:-ms-input-placeholder, .swal2-popup .swal2-textarea:-ms-input-placeholder { color: #6c757d; } .swal2-popup .swal2-input::-ms-input-placeholder, .swal2-popup .swal2-file::-ms-input-placeholder, .swal2-popup .swal2-textarea::-ms-input-placeholder { color: #6c757d; } .swal2-popup .swal2-input::placeholder, .swal2-popup .swal2-file::placeholder, .swal2-popup .swal2-textarea::placeholder { color: #6c757d; } .swal2-popup .swal2-range input { width: 80%; } .swal2-popup .swal2-range output { width: 20%; font-weight: 600; text-align: center; } .swal2-popup .swal2-range input, .swal2-popup .swal2-range output { height: 2.625em; margin: 1em auto; padding: 0; font-size: 1.125em; line-height: 2.625em; } .swal2-popup .swal2-input { height: 2.625em; padding: 0 0.75em; } .swal2-popup .swal2-input[type='number'] { max-width: 10em; } .swal2-popup .swal2-file { font-size: 1.125em; } .swal2-popup .swal2-textarea { height: 6.75em; padding: 0.75em; } .swal2-popup .swal2-select { min-width: 50%; max-width: 100%; padding: .375em .625em; color: #6c757d; font-size: 1.125em; } .swal2-popup .swal2-radio, .swal2-popup .swal2-checkbox { align-items: center; justify-content: center; } .swal2-popup .swal2-radio label, .swal2-popup .swal2-checkbox label { margin: 0 .6em; font-size: 1.125em; } .swal2-popup .swal2-radio input, .swal2-popup .swal2-checkbox input { margin: 0 .4em; } .swal2-popup .swal2-validation-message { display: none; align-items: center; justify-content: center; padding: 0.625em; background: #f0f0f0; color: #666666; font-size: 1em; font-weight: 300; overflow: hidden; } .swal2-popup .swal2-validation-message::before { display: inline-block; width: 1.5em; min-width: 1.5em; height: 1.5em; margin: 0 .625em; border-radius: 50%; background-color: #FF4961; color: #fff; font-weight: 600; line-height: 1.5em; text-align: center; content: '!'; zoom: normal; } @supports (-ms-accelerator: true) { .swal2-range input; { width: 100% !important; } .swal2-range output { display: none; } } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .swal2-range input { width: 100% !important; } .swal2-range output { display: none; } } @-moz-document url-prefix() { .swal2-close:focus; { outline: 2px solid rgba(50, 100, 150, 0.4); } } .swal2-icon { position: relative; justify-content: center; width: 5em; height: 5em; margin: 1.25em auto 1.875em; border: .25em solid transparent; border-radius: 50%; line-height: 5em; cursor: default; box-sizing: content-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; zoom: normal; } .swal2-icon-text { font-size: 3.75em; } .swal2-icon.swal2-error { border-color: #FF4961; } .swal2-icon.swal2-error .swal2-x-mark { position: relative; flex-grow: 1; } .swal2-icon.swal2-error [class^='swal2-x-mark-line'] { display: block; position: absolute; top: 2.3125em; width: 2.9375em; height: .3125em; border-radius: .125em; background-color: #FF4961; } .swal2-icon.swal2-error [class^='swal2-x-mark-line'][class$='left'] { left: 1.0625em; -webkit-transform: rotate(45deg); transform: rotate(45deg); } .swal2-icon.swal2-error [class^='swal2-x-mark-line'][class$='right'] { right: 1em; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } .swal2-icon.swal2-warning { border-color: #f7b924; color: #f7b924; } .swal2-icon.swal2-info { border-color: #16aaff; color: #16aaff; } .swal2-icon.swal2-question { border-color: #c9dae1; color: #87adbd; } .swal2-icon.swal2-success { border-color: #3ac47d; } .swal2-icon.swal2-success [class^='swal2-success-circular-line'] { position: absolute; width: 3.75em; height: 7.5em; -webkit-transform: rotate(45deg); transform: rotate(45deg); border-radius: 50%; } .swal2-icon.swal2-success [class^='swal2-success-circular-line'][class$='left'] { top: -.4375em; left: -2.0635em; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transform-origin: 3.75em 3.75em; transform-origin: 3.75em 3.75em; border-radius: 7.5em 0 0 7.5em; } .swal2-icon.swal2-success [class^='swal2-success-circular-line'][class$='right'] { top: -.6875em; left: 1.875em; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transform-origin: 0 3.75em; transform-origin: 0 3.75em; border-radius: 0 7.5em 7.5em 0; } .swal2-icon.swal2-success .swal2-success-ring { position: absolute; top: -.25em; left: -.25em; width: 100%; height: 100%; border: 0.25em solid rgba(165, 220, 134, 0.3); border-radius: 50%; z-index: 2; box-sizing: content-box; } .swal2-icon.swal2-success .swal2-success-fix { position: absolute; top: .5em; left: 1.625em; width: .4375em; height: 5.625em; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); z-index: 1; } .swal2-icon.swal2-success [class^='swal2-success-line'] { display: block; position: absolute; height: .3125em; border-radius: .125em; background-color: #3ac47d; z-index: 2; } .swal2-icon.swal2-success [class^='swal2-success-line'][class$='tip'] { top: 2.875em; left: .875em; width: 1.5625em; -webkit-transform: rotate(45deg); transform: rotate(45deg); } .swal2-icon.swal2-success [class^='swal2-success-line'][class$='long'] { top: 2.375em; right: .5em; width: 2.9375em; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } .swal2-progresssteps { align-items: center; margin: 0 0 1.25em; padding: 0; font-weight: 600; } .swal2-progresssteps li { display: inline-block; position: relative; } .swal2-progresssteps .swal2-progresscircle { width: 2em; height: 2em; border-radius: 2em; background: #3f6ad8; color: #fff; line-height: 2em; text-align: center; z-index: 20; } .swal2-progresssteps .swal2-progresscircle:first-child { margin-left: 0; } .swal2-progresssteps .swal2-progresscircle:last-child { margin-right: 0; } .swal2-progresssteps .swal2-progresscircle.swal2-activeprogressstep { background: #3085d6; } .swal2-progresssteps .swal2-progresscircle.swal2-activeprogressstep ~ .swal2-progresscircle { background: #add8e6; } .swal2-progresssteps .swal2-progresscircle.swal2-activeprogressstep ~ .swal2-progressline { background: #add8e6; } .swal2-progresssteps .swal2-progressline { width: 2.5em; height: .4em; margin: 0 -1px; background: #3085d6; z-index: 10; } [class^='swal2'] { -webkit-tap-highlight-color: transparent; } .swal2-show { -webkit-animation: swal2-show 0.3s; animation: swal2-show 0.3s; } .swal2-show.swal2-noanimation { -webkit-animation: none; animation: none; } .swal2-hide { -webkit-animation: swal2-hide 0.15s forwards; animation: swal2-hide 0.15s forwards; } .swal2-hide.swal2-noanimation { -webkit-animation: none; animation: none; } .swal2-rtl .swal2-close { right: auto; left: 0; } .swal2-animate-success-icon .swal2-success-line-tip { -webkit-animation: swal2-animate-success-line-tip 0.75s; animation: swal2-animate-success-line-tip 0.75s; } .swal2-animate-success-icon .swal2-success-line-long { -webkit-animation: swal2-animate-success-line-long 0.75s; animation: swal2-animate-success-line-long 0.75s; } .swal2-animate-success-icon .swal2-success-circular-line-right { -webkit-animation: swal2-rotate-success-circular-line 4.25s ease-in; animation: swal2-rotate-success-circular-line 4.25s ease-in; } .swal2-animate-error-icon { -webkit-animation: swal2-animate-error-icon 0.5s; animation: swal2-animate-error-icon 0.5s; } .swal2-animate-error-icon .swal2-x-mark { -webkit-animation: swal2-animate-error-x-mark 0.5s; animation: swal2-animate-error-x-mark 0.5s; } @-webkit-keyframes swal2-rotate-loading { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes swal2-rotate-loading { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @media print { body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown) { overflow-y: scroll !important; } body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown) > [aria-hidden='true'] { display: none; } body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown) .swal2-container { position: initial !important; } } .toast-title { font-weight: bold; } .toast-message { -ms-word-wrap: break-word; word-wrap: break-word; } .toast-message a, .toast-message label { color: #fff; } .toast-message a:hover { color: #cccccc; text-decoration: none; } .toast-close-button { position: relative; right: -0.3em; top: -0.3em; float: right; font-weight: bold; color: #fff; opacity: 0.8; } .toast-close-button:hover, .toast-close-button:focus { color: #000; text-decoration: none; cursor: pointer; opacity: 0.4; } button.toast-close-button { padding: 0; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; } .toast-top-center { top: 0; right: 0; width: 100%; } .toast-bottom-center { bottom: 0; right: 0; width: 100%; } .toast-top-full-width { top: 0; right: 0; width: 100%; } .toast-bottom-full-width { bottom: 0; right: 0; width: 100%; } .toast-top-left { top: 12px; left: 12px; } .toast-top-right { top: 12px; right: 12px; } .toast-bottom-right { right: 12px; bottom: 12px; } .toast-bottom-left { bottom: 12px; left: 12px; } #toast-container { position: fixed; z-index: 999999; } #toast-container * { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } #toast-container > div { position: relative; overflow: hidden; margin: 0 0 .6rem; padding: .6rem .6rem .6rem 50px; width: 300px; border-radius: .25rem; background-position: 15px center; background-repeat: no-repeat; box-shadow: 0 0.46875rem 2.1875rem rgba(4, 9, 20, 0.03), 0 0.9375rem 1.40625rem rgba(4, 9, 20, 0.03), 0 0.25rem 0.53125rem rgba(4, 9, 20, 0.05), 0 0.125rem 0.1875rem rgba(4, 9, 20, 0.03); color: #fff; opacity: 0.9; } #toast-container > div:hover { opacity: 1; cursor: pointer; } #toast-container > .toast-info { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGwSURBVEhLtZa9SgNBEMc9sUxxRcoUKSzSWIhXpFMhhYWFhaBg4yPYiWCXZxBLERsLRS3EQkEfwCKdjWJAwSKCgoKCcudv4O5YLrt7EzgXhiU3/4+b2ckmwVjJSpKkQ6wAi4gwhT+z3wRBcEz0yjSseUTrcRyfsHsXmD0AmbHOC9Ii8VImnuXBPglHpQ5wwSVM7sNnTG7Za4JwDdCjxyAiH3nyA2mtaTJufiDZ5dCaqlItILh1NHatfN5skvjx9Z38m69CgzuXmZgVrPIGE763Jx9qKsRozWYw6xOHdER+nn2KkO+Bb+UV5CBN6WC6QtBgbRVozrahAbmm6HtUsgtPC19tFdxXZYBOfkbmFJ1VaHA1VAHjd0pp70oTZzvR+EVrx2Ygfdsq6eu55BHYR8hlcki+n+kERUFG8BrA0BwjeAv2M8WLQBtcy+SD6fNsmnB3AlBLrgTtVW1c2QN4bVWLATaIS60J2Du5y1TiJgjSBvFVZgTmwCU+dAZFoPxGEEs8nyHC9Bwe2GvEJv2WXZb0vjdyFT4Cxk3e/kIqlOGoVLwwPevpYHT+00T+hWwXDf4AJAOUqWcDhbwAAAAASUVORK5CYII=") !important; box-shadow: 0 0.66875rem 2.3875rem rgba(22, 170, 255, 0.03), 0 1.1375rem 1.60625rem rgba(22, 170, 255, 0.03), 0 0.45rem 0.73125rem rgba(22, 170, 255, 0.05), 0 0.325rem 0.3875rem rgba(22, 170, 255, 0.03); } #toast-container > .toast-error { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAHOSURBVEhLrZa/SgNBEMZzh0WKCClSCKaIYOED+AAKeQQLG8HWztLCImBrYadgIdY+gIKNYkBFSwu7CAoqCgkkoGBI/E28PdbLZmeDLgzZzcx83/zZ2SSXC1j9fr+I1Hq93g2yxH4iwM1vkoBWAdxCmpzTxfkN2RcyZNaHFIkSo10+8kgxkXIURV5HGxTmFuc75B2RfQkpxHG8aAgaAFa0tAHqYFfQ7Iwe2yhODk8+J4C7yAoRTWI3w/4klGRgR4lO7Rpn9+gvMyWp+uxFh8+H+ARlgN1nJuJuQAYvNkEnwGFck18Er4q3egEc/oO+mhLdKgRyhdNFiacC0rlOCbhNVz4H9FnAYgDBvU3QIioZlJFLJtsoHYRDfiZoUyIxqCtRpVlANq0EU4dApjrtgezPFad5S19Wgjkc0hNVnuF4HjVA6C7QrSIbylB+oZe3aHgBsqlNqKYH48jXyJKMuAbiyVJ8KzaB3eRc0pg9VwQ4niFryI68qiOi3AbjwdsfnAtk0bCjTLJKr6mrD9g8iq/S/B81hguOMlQTnVyG40wAcjnmgsCNESDrjme7wfftP4P7SP4N3CJZdvzoNyGq2c/HWOXJGsvVg+RA/k2MC/wN6I2YA2Pt8GkAAAAASUVORK5CYII=") !important; box-shadow: 0 0.66875rem 2.3875rem rgba(217, 37, 80, 0.03), 0 1.1375rem 1.60625rem rgba(217, 37, 80, 0.03), 0 0.45rem 0.73125rem rgba(217, 37, 80, 0.05), 0 0.325rem 0.3875rem rgba(217, 37, 80, 0.03); } #toast-container > .toast-success { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADsSURBVEhLY2AYBfQMgf///3P8+/evAIgvA/FsIF+BavYDDWMBGroaSMMBiE8VC7AZDrIFaMFnii3AZTjUgsUUWUDA8OdAH6iQbQEhw4HyGsPEcKBXBIC4ARhex4G4BsjmweU1soIFaGg/WtoFZRIZdEvIMhxkCCjXIVsATV6gFGACs4Rsw0EGgIIH3QJYJgHSARQZDrWAB+jawzgs+Q2UO49D7jnRSRGoEFRILcdmEMWGI0cm0JJ2QpYA1RDvcmzJEWhABhD/pqrL0S0CWuABKgnRki9lLseS7g2AlqwHWQSKH4oKLrILpRGhEQCw2LiRUIa4lwAAAABJRU5ErkJggg==") !important; box-shadow: 0 0.66875rem 2.3875rem rgba(58, 196, 125, 0.03), 0 1.1375rem 1.60625rem rgba(58, 196, 125, 0.03), 0 0.45rem 0.73125rem rgba(58, 196, 125, 0.05), 0 0.325rem 0.3875rem rgba(58, 196, 125, 0.03); } #toast-container > .toast-warning { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGYSURBVEhL5ZSvTsNQFMbXZGICMYGYmJhAQIJAICYQPAACiSDB8AiICQQJT4CqQEwgJvYASAQCiZiYmJhAIBATCARJy+9rTsldd8sKu1M0+dLb057v6/lbq/2rK0mS/TRNj9cWNAKPYIJII7gIxCcQ51cvqID+GIEX8ASG4B1bK5gIZFeQfoJdEXOfgX4QAQg7kH2A65yQ87lyxb27sggkAzAuFhbbg1K2kgCkB1bVwyIR9m2L7PRPIhDUIXgGtyKw575yz3lTNs6X4JXnjV+LKM/m3MydnTbtOKIjtz6VhCBq4vSm3ncdrD2lk0VgUXSVKjVDJXJzijW1RQdsU7F77He8u68koNZTz8Oz5yGa6J3H3lZ0xYgXBK2QymlWWA+RWnYhskLBv2vmE+hBMCtbA7KX5drWyRT/2JsqZ2IvfB9Y4bWDNMFbJRFmC9E74SoS0CqulwjkC0+5bpcV1CZ8NMej4pjy0U+doDQsGyo1hzVJttIjhQ7GnBtRFN1UarUlH8F3xict+HY07rEzoUGPlWcjRFRr4/gChZgc3ZL2d8oAAAAASUVORK5CYII=") !important; box-shadow: 0 0.66875rem 2.3875rem rgba(247, 185, 36, 0.03), 0 1.1375rem 1.60625rem rgba(247, 185, 36, 0.03), 0 0.45rem 0.73125rem rgba(247, 185, 36, 0.05), 0 0.325rem 0.3875rem rgba(247, 185, 36, 0.03); color: #212529; } #toast-container.toast-top-center > div, #toast-container.toast-bottom-center > div { width: 300px; margin-left: auto; margin-right: auto; } #toast-container.toast-top-full-width > div, #toast-container.toast-bottom-full-width > div { width: 96%; margin-left: auto; margin-right: auto; } .toast { background-color: #343a40; } .toast-success { background-color: #3ac47d; } .toast-error { background-color: #FF4961; } .toast-info { background-color: #16aaff; } .toast-warning { background-color: #f7b924; } .toast-progress { position: absolute; left: 0; bottom: 0; height: 4px; background-color: #000; opacity: 0.4; } @media all and (max-width: 240px) { #toast-container > div { padding: 8px 8px 8px 50px; width: 11em; } #toast-container .toast-close-button { right: -0.2em; top: -0.2em; } } @media all and (min-width: 241px) and (max-width: 480px) { #toast-container > div { padding: 8px 8px 8px 50px; width: 18em; } #toast-container .toast-close-button { right: -0.2em; top: -0.2em; } } @media all and (min-width: 481px) and (max-width: 768px) { #toast-container > div { padding: 15px 15px 15px 50px; width: 25em; } } .slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; max-width: 1400px; margin-left: auto; margin-right: auto; } .slick-slider-sm .slick-slider { max-width: 450px; } .slick-slider-sm .slick-slider .slick-prev { left: -20px; } .slick-slider-sm .slick-slider .slick-next { right: -20px; } .slick-slider-md .slick-slider { max-width: 650px; margin: 0 auto; } .slick-slider-hover .slick-arrow { opacity: 0; background: #3f6ad8; color: #fff !important; } .slick-slider-hover .slick-prev { left: -30px; } .slick-slider-hover .slick-next { right: -30px; } .slick-slider-hover:hover .slick-arrow { opacity: 1; } .slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track { position: relative; left: 0; top: 0; display: block; margin-left: auto; margin-right: auto; } .slick-track:before, .slick-track:after { content: ""; display: table; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { float: left; height: 100%; min-height: 1px; display: none; } [dir="rtl"] .slick-slide { float: right; } .slick-slide img { display: block; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-arrow.slick-hidden { display: none; } .slick-loading .slick-list { background: #fff slick-image-url(assets/images/ajax-loader.gif) center center no-repeat; } .slick-prev, .slick-next { position: absolute; display: block; height: 40px; width: 40px; cursor: pointer; color: #6c757d; top: 50%; transform: translate(0, -80%); padding: 0; border: none; outline: none; box-shadow: 0 0.46875rem 2.1875rem rgba(4, 9, 20, 0.03), 0 0.9375rem 1.40625rem rgba(4, 9, 20, 0.03), 0 0.25rem 0.53125rem rgba(4, 9, 20, 0.05), 0 0.125rem 0.1875rem rgba(4, 9, 20, 0.03); transition: all .2s; font-family: 'Pe-icon-7-stroke'; border-radius: 50px; background: #fff; z-index: 6; overflow: hidden; } .slick-prev::before, .slick-next::before { font-size: 35px; height: 40px; line-height: 40px; width: 40px; display: block; } .slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus { outline: none; box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175); color: #3f6ad8; } .slick-prev.slick-disabled:before, .slick-next.slick-disabled:before { opacity: .25; } .slick-prev { left: 0; } .slick-prev:before { content: ""; } .slick-next { right: 0; } .slick-next:before { content: ""; } .slick-dots { list-style: none; display: block; text-align: center; padding: 0; margin: .75rem 0 0; width: 100%; } .slick-dots li { position: relative; display: inline-block; padding: 0; margin: 0 5px; cursor: pointer; transform: scale(0.8); transition: all .2s; } .slick-dots li button { border: 0; background: transparent; display: block; height: 14px; width: 14px; background: #3f6ad8; cursor: pointer; position: relative; border-radius: 20px; color: transparent; } .slick-dots li button::before { content: ''; position: absolute; background: #fff; left: 50%; top: 50%; margin: -4px 0 0 -4px; display: block; width: 8px; height: 8px; border-radius: 20px; } .slick-dots li.slick-active { transform: scale(1.2); } .slick-center { transform: scale(1.1); } .slick-slider .slide-img-bg { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-size: cover; opacity: .4; z-index: 10; } .slick-slider .slider-content { position: relative; z-index: 15; text-align: center; margin: 0 6rem; } .slick-slider .slider-content h3 { font-size: 1.75rem; font-weight: normal; margin-bottom: 1.5rem; } .slick-slider .slider-content p { font-size: 1rem; opacity: .7; } .slider-light .slick-dots { position: absolute; bottom: 10px; } .slider-light .slick-dots li button { background: rgba(255, 255, 255, 0.25); } .slider-light .slick-prev, .slider-light .slick-next { background: transparent; color: #fff; box-shadow: 0 0 0 0 transparent; } .slider-light .slick-prev:hover, .slider-light .slick-next:hover { background: rgba(255, 255, 255, 0.15); } .slider-light .slick-next { right: 15px; } .slider-light .slick-prev { left: 15px; } .slider-light .slider-content { color: #fff; } .popover, .tooltip { opacity: 0; transition: opacity .2s ease; } .popover.show, .tooltip.show { opacity: 1; } .popover { box-shadow: 0 0.46875rem 2.1875rem rgba(4, 9, 20, 0.03), 0 0.9375rem 1.40625rem rgba(4, 9, 20, 0.03), 0 0.25rem 0.53125rem rgba(4, 9, 20, 0.05), 0 0.125rem 0.1875rem rgba(4, 9, 20, 0.03); } .popover .grid-menu { margin-bottom: -.5rem; padding: 1px; } .popover .grid-menu [class*="col-"] { padding: .5rem; } .popover .grid-menu + .nav .nav-item-btn { margin-bottom: .5rem; } .popover .grid-menu-xl { margin-bottom: -.37037rem; } .popover .grid-menu-xl [class*="col-"] { padding: 0; } .popover .popover-inner .dropdown-menu-header { border-top-left-radius: .3rem; border-top-right-radius: .3rem; overflow: hidden; margin-top: -1px; margin-left: -1px; margin-right: -1px; } .rm-max-width .popover { max-width: initial !important; } .rm-max-width .popover .popover-body { padding: 0; } .rm-pointers .popover .arrow { display: none !important; } .popover-primary { background-color: #3f6ad8 !important; } .popover-secondary { background-color: #6c757d !important; } .popover-success { background-color: #3ac47d !important; } .popover-info { background-color: #16aaff !important; } .popover-warning { background-color: #f7b924 !important; } .popover-danger { background-color: #FF4961 !important; } .popover-light { background-color: #eee !important; } .popover-dark { background-color: #343a40 !important; } .popover-focus { background-color: #444054 !important; } .popover-alternate { background-color: #794c8a !important; } .popover-custom { min-width: 220px; max-width: none; } .popover-custom .popover-body { padding-top: 0; padding-left: 0; padding-right: 0; } .popover-custom .popover-body .dropdown-menu-header { margin-top: 0; border-top-left-radius: .3rem; border-top-right-radius: .3rem; overflow: hidden; } .popover-custom .popover-body .dropdown-menu-header .menu-header-content { padding: 0 1.5rem; } .popover-custom .popover-body .dropdown-menu-header .dropdown-menu-header-inner.bg-light { color: rgba(0, 0, 0, 0.8); } .popover-custom.popover-custom-lg { min-width: 22rem; } .popover-custom.popover-custom-xl { min-width: 25rem; } .popover-custom.popover-custom-sm { min-width: 15rem; } .popover-bg { border: 0; } .popover-bg .arrow { display: none; } .popover-bg .popover-header { background: rgba(255, 255, 255, 0.1); border-bottom: 0; color: #fff; } .popover-bg .popover-header::before { display: none; } .popover-bg .popover-body { color: rgba(255, 255, 255, 0.7); } .popover-bg.text-dark .popover-header { color: rgba(0, 0, 0, 0.8); } .popover-bg.text-dark .popover-body { color: rgba(0, 0, 0, 0.7); } .tooltip.tooltip-light .tooltip-inner { background: #fff; color: #343a40; box-shadow: 0 0.46875rem 2.1875rem rgba(4, 9, 20, 0.03), 0 0.9375rem 1.40625rem rgba(4, 9, 20, 0.03), 0 0.25rem 0.53125rem rgba(4, 9, 20, 0.05), 0 0.125rem 0.1875rem rgba(4, 9, 20, 0.03); border: rgba(26, 54, 126, 0.125) solid 1px; } .tooltip.tooltip-light .arrow { display: none; } /*! * FullCalendar v3.9.0 * Docs & License: https://fullcalendar.io/ * (c) 2018 Adam Shaw */ .fc { direction: ltr; text-align: left; } .fc-rtl { text-align: right; } body .fc { font-size: 1em; } .fc-highlight { background: #e0f3ff; opacity: .8; } .fc-bgevent { background: #3f6ad8; opacity: .3; } .fc-nonbusiness { background: #f8f9fa; } .fc button { margin: 0; white-space: nowrap; cursor: pointer; } .fc button::-moz-focus-inner { margin: 0; padding: 0; } .fc-state-default { border: 1px solid; } .fc-state-default.fc-corner-left { border-top-left-radius: .25rem; border-bottom-left-radius: .25rem; } .fc-state-default.fc-corner-right { border-top-right-radius: .25rem; border-bottom-right-radius: .25rem; } .fc button .fc-icon { position: relative; top: -0.05em; margin: 0 .2em; vertical-align: middle; } .fc-state-default { background-color: #f8f9fa; border-color: #e9ecef #e9ecef #dee2e6; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); color: #333; text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); } .fc-state-hover, .fc-state-down, .fc-state-active, .fc-state-disabled { color: #6c757d; background-color: #e6e6e6; } .fc-state-hover { color: #6c757d; text-decoration: none; background-position: 0 -15px; -webkit-transition: background-position 0.1s linear; -moz-transition: background-position 0.1s linear; -o-transition: background-position 0.1s linear; transition: background-position 0.1s linear; } .fc-state-down, .fc-state-active { background-color: #cccccc; background-image: none; box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); } .fc-state-disabled { cursor: default; background-image: none; opacity: 0.65; box-shadow: none; } .fc-button-group { display: inline-block; } .fc .fc-button-group > * { float: left; margin: 0 0 0 -1px; } .fc .fc-button-group > :first-child { margin-left: 0; } .fc-popover { position: absolute; box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15); } .fc-popover .fc-header { padding: 1.5rem .75rem; } .fc-popover .fc-header .fc-title { margin: 0 2px; } .fc-popover .fc-header .fc-close { cursor: pointer; } .fc-ltr .fc-popover .fc-header .fc-title, .fc-rtl .fc-popover .fc-header .fc-close { float: left; } .fc-rtl .fc-popover .fc-header .fc-title, .fc-ltr .fc-popover .fc-header .fc-close { float: right; } .fc-divider { border-style: solid; border-width: 1px; } hr.fc-divider { height: 0; margin: 0; padding: 0 0 2px; border-width: 1px 0; } .fc-clear { clear: both; } .fc-bg, .fc-bgevent-skeleton, .fc-highlight-skeleton, .fc-helper-skeleton { position: absolute; top: 0; left: 0; right: 0; } .fc-bg { bottom: 0; } .fc-bg table { height: 100%; } .fc table { width: 100%; table-layout: fixed; border-collapse: collapse; border-spacing: 0; font-size: 1em; } .fc th { text-align: center; } .fc th, .fc td { border-style: solid; border-width: 1px; padding: 0; vertical-align: top; } .fc td.fc-today { border-style: double; } a[data-goto] { cursor: pointer; } a[data-goto]:hover { text-decoration: underline; } .fc .fc-row { border-style: solid; border-width: 0; } .fc-row table { border-left: 0 hidden transparent; border-right: 0 hidden transparent; border-bottom: 0 hidden transparent; } .fc-row:first-child table { border-top: 0 hidden transparent; } .fc-row { position: relative; } .fc-row .fc-bg { z-index: 1; } .fc-row .fc-bgevent-skeleton, .fc-row .fc-highlight-skeleton { bottom: 0; } .fc-row .fc-bgevent-skeleton table, .fc-row .fc-highlight-skeleton table { height: 100%; } .fc-row .fc-highlight-skeleton td, .fc-row .fc-bgevent-skeleton td { border-color: transparent; } .fc-row .fc-bgevent-skeleton { z-index: 2; } .fc-row .fc-highlight-skeleton { z-index: 3; } .fc-row .fc-content-skeleton { position: relative; z-index: 4; padding-bottom: 2px; } .fc-row .fc-helper-skeleton { z-index: 5; } .fc .fc-row .fc-content-skeleton table, .fc .fc-row .fc-content-skeleton td, .fc .fc-row .fc-helper-skeleton td { background: none; border-color: transparent; } .fc-row .fc-content-skeleton td, .fc-row .fc-helper-skeleton td { border-bottom: 0; } .fc-row .fc-content-skeleton tbody td, .fc-row .fc-helper-skeleton tbody td { border-top: 0; } .fc-scroller { -webkit-overflow-scrolling: touch; } .fc-scroller > .fc-day-grid, .fc-scroller > .fc-time-grid { position: relative; width: 100%; } .fc-event { position: relative; display: block; font-size: .85em; line-height: 1.3; border-radius: 3px; border: 1px solid #3f6ad8; } .fc-event, .fc-event-dot { background-color: #3f6ad8; } .fc-event, .fc-event:hover { color: #fff; text-decoration: none; } .fc-event[href], .fc-event.fc-draggable { cursor: pointer; } .fc-not-allowed, .fc-not-allowed .fc-event { cursor: not-allowed; } .fc-event .fc-bg { z-index: 1; background: #fff; opacity: .25; } .fc-event .fc-content { position: relative; z-index: 2; } .fc-event .fc-resizer { position: absolute; z-index: 4; } .fc-event .fc-resizer { display: none; } .fc-event.fc-allow-mouse-resize .fc-resizer, .fc-event.fc-selected .fc-resizer { display: block; } .fc-event.fc-selected .fc-resizer:before { content: ""; position: absolute; z-index: 9999; top: 50%; left: 50%; width: 40px; height: 40px; margin-left: -20px; margin-top: -20px; } .fc-event.fc-selected { z-index: 9999 !important; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2); } .fc-event.fc-selected.fc-dragging { box-shadow: 0 2px 7px rgba(0, 0, 0, 0.3); } .fc-h-event.fc-selected:before { content: ""; position: absolute; z-index: 3; top: -10px; bottom: -10px; left: 0; right: 0; } .fc-ltr .fc-h-event.fc-not-start, .fc-rtl .fc-h-event.fc-not-end { margin-left: 0; border-left-width: 0; padding-left: 1px; border-top-left-radius: 0; border-bottom-left-radius: 0; } .fc-ltr .fc-h-event.fc-not-end, .fc-rtl .fc-h-event.fc-not-start { margin-right: 0; border-right-width: 0; padding-right: 1px; border-top-right-radius: 0; border-bottom-right-radius: 0; } .fc-ltr .fc-h-event .fc-start-resizer, .fc-rtl .fc-h-event .fc-end-resizer { cursor: w-resize; left: -1px; } .fc-ltr .fc-h-event .fc-end-resizer, .fc-rtl .fc-h-event .fc-start-resizer { cursor: e-resize; right: -1px; } .fc-h-event.fc-allow-mouse-resize .fc-resizer { width: 7px; top: -1px; bottom: -1px; } .fc-h-event.fc-selected .fc-resizer { border-radius: .25rem; border-width: 1px; width: 6px; height: 6px; border-style: solid; border-color: inherit; background: #fff; top: 50%; margin-top: -4px; } .fc-ltr .fc-h-event.fc-selected .fc-start-resizer, .fc-rtl .fc-h-event.fc-selected .fc-end-resizer { margin-left: -4px; } .fc-ltr .fc-h-event.fc-selected .fc-end-resizer, .fc-rtl .fc-h-event.fc-selected .fc-start-resizer { margin-right: -4px; } .fc-day-grid-event { margin: 1px 2px 0; padding: 0 1px; } tr:first-child > td > .fc-day-grid-event { margin-top: 2px; } .fc-day-grid-event.fc-selected:after { content: ""; position: absolute; z-index: 1; top: -1px; right: -1px; bottom: -1px; left: -1px; background: #000; opacity: .25; } .fc-day-grid-event .fc-content { white-space: nowrap; overflow: hidden; } .fc-day-grid-event .fc-time { font-weight: bold; } .fc-ltr .fc-day-grid-event.fc-allow-mouse-resize .fc-start-resizer, .fc-rtl .fc-day-grid-event.fc-allow-mouse-resize .fc-end-resizer { margin-left: -2px; } .fc-ltr .fc-day-grid-event.fc-allow-mouse-resize .fc-end-resizer, .fc-rtl .fc-day-grid-event.fc-allow-mouse-resize .fc-start-resizer { margin-right: -2px; } a.fc-more { margin: 1px 3px; font-size: .85em; cursor: pointer; text-decoration: none; } a.fc-more:hover { text-decoration: underline; } .fc-limited { display: none; } .fc-day-grid .fc-row { z-index: 1; } .fc-more-popover { z-index: 2; width: 220px; } .fc-more-popover .fc-event-container { padding: 10px; } .fc-now-indicator { position: absolute; border: 0 solid #FF4961; } .fc-unselectable { -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -webkit-tap-highlight-color: transparent; } .fc-unthemed th, .fc-unthemed td, .fc-unthemed thead, .fc-unthemed tbody, .fc-unthemed .fc-divider, .fc-unthemed .fc-row, .fc-unthemed .fc-content, .fc-unthemed .fc-popover, .fc-unthemed .fc-list-view, .fc-unthemed .fc-list-heading td { border-color: #ddd; } .fc-unthemed .fc-popover { background-color: #fff; } .fc-unthemed .fc-divider, .fc-unthemed .fc-popover .fc-header, .fc-unthemed .fc-list-heading td { background: #eee; } .fc-unthemed .fc-popover .fc-header .fc-close { color: #666; } .fc-unthemed td.fc-today { background: #fcf8e3; } .fc-unthemed .fc-disabled-day { background: #d7d7d7; opacity: .3; } .fc-icon { display: inline-block; height: 1em; line-height: 1em; font-size: 1em; text-align: center; overflow: hidden; font-family: "Courier New", Courier, monospace; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .fc-icon:after { position: relative; } .fc-icon-left-single-arrow:after { content: "\2039"; font-weight: bold; font-size: 200%; top: -7%; } .fc-icon-right-single-arrow:after { content: "\203A"; font-weight: bold; font-size: 200%; top: -7%; } .fc-icon-left-double-arrow:after { content: "\AB"; font-size: 160%; top: -7%; } .fc-icon-right-double-arrow:after { content: "\BB"; font-size: 160%; top: -7%; } .fc-icon-left-triangle:after { content: "\25C4"; font-size: 125%; top: 3%; } .fc-icon-right-triangle:after { content: "\25BA"; font-size: 125%; top: 3%; } .fc-icon-down-triangle:after { content: "\25BC"; font-size: 125%; top: 2%; } .fc-icon-x:after { content: "\D7"; font-size: 200%; top: 6%; } .fc-unthemed .fc-popover { border-width: 1px; border-style: solid; } .fc-unthemed .fc-popover .fc-header .fc-close { font-size: .9em; margin-top: 2px; } .fc-unthemed .fc-list-item:hover td { background-color: #f5f5f5; } .ui-widget .fc-disabled-day { background-image: none; } .fc-popover > .ui-widget-header + .ui-widget-content { border-top: 0; } .ui-widget .fc-event { color: #fff; text-decoration: none; font-weight: normal; } .ui-widget td.fc-axis { font-weight: normal; } .fc-time-grid .fc-slats .ui-widget-content { background: none; } .fc.fc-bootstrap3 a { text-decoration: none; } .fc.fc-bootstrap3 a[data-goto]:hover { text-decoration: underline; } .fc-bootstrap3 hr.fc-divider { border-color: inherit; } .fc-bootstrap3 .fc-today.alert { border-radius: 0; } .fc-bootstrap3 .fc-popover .panel-body { padding: 0; } .fc-bootstrap3 .fc-time-grid .fc-slats table { background: none; } .fc.fc-bootstrap4 a { text-decoration: none; } .fc.fc-bootstrap4 a[data-goto]:hover { text-decoration: underline; } .fc-bootstrap4 hr.fc-divider { border-color: inherit; } .fc-bootstrap4 .fc-today.alert { border-radius: 0; } .fc-bootstrap4 a.fc-event:not([href]):not([tabindex]) { color: #fff; } .fc-bootstrap4 .fc-popover.card { position: absolute; } .fc-bootstrap4 .fc-popover .card-body { padding: 0; } .fc-bootstrap4 .fc-time-grid .fc-slats table { background: none; } .fc-toolbar { text-align: center; } .fc-toolbar.fc-header-toolbar { margin-bottom: 1em; } .fc-toolbar.fc-footer-toolbar { margin-top: 1em; } .fc-toolbar .fc-left { float: left; } .fc-toolbar .fc-right { float: right; } .fc-toolbar .fc-center { display: inline-block; } .fc .fc-toolbar > * > * { float: left; margin-left: .75em; } .fc .fc-toolbar > * > :first-child { margin-left: 0; } .fc-toolbar h2 { margin: 0; } .fc-toolbar button { position: relative; } .fc-toolbar .fc-state-hover, .fc-toolbar .ui-state-hover { z-index: 2; } .fc-toolbar .fc-state-down { z-index: 3; } .fc-toolbar .fc-state-active, .fc-toolbar .ui-state-active { z-index: 4; } .fc-toolbar button:focus { z-index: 5; } .fc-view-container *, .fc-view-container *:before, .fc-view-container *:after { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } .fc-view, .fc-view > table { position: relative; z-index: 1; } .fc-basicWeek-view .fc-content-skeleton, .fc-basicDay-view .fc-content-skeleton { padding-bottom: 1em; } .fc-basic-view .fc-body .fc-row { min-height: 4em; } .fc-row.fc-rigid { overflow: hidden; } .fc-row.fc-rigid .fc-content-skeleton { position: absolute; top: 0; left: 0; right: 0; } .fc-day-top.fc-other-month { opacity: 0.3; } .fc-basic-view .fc-week-number, .fc-basic-view .fc-day-number { padding: 2px; } .fc-basic-view th.fc-week-number, .fc-basic-view th.fc-day-number { padding: 0 2px; } .fc-ltr .fc-basic-view .fc-day-top .fc-day-number { float: right; } .fc-rtl .fc-basic-view .fc-day-top .fc-day-number { float: left; } .fc-ltr .fc-basic-view .fc-day-top .fc-week-number { float: left; border-radius: 0 0 3px 0; } .fc-rtl .fc-basic-view .fc-day-top .fc-week-number { float: right; border-radius: 0 0 0 3px; } .fc-basic-view .fc-day-top .fc-week-number { min-width: 1.5em; text-align: center; background-color: #f2f2f2; color: #808080; } .fc-basic-view td.fc-week-number { text-align: center; } .fc-basic-view td.fc-week-number > * { display: inline-block; min-width: 1.25em; } .fc-agenda-view .fc-day-grid { position: relative; z-index: 2; } .fc-agenda-view .fc-day-grid .fc-row { min-height: 3em; } .fc-agenda-view .fc-day-grid .fc-row .fc-content-skeleton { padding-bottom: 1em; } .fc .fc-axis { vertical-align: middle; padding: 0 4px; white-space: nowrap; } .fc-ltr .fc-axis { text-align: right; } .fc-rtl .fc-axis { text-align: left; } .fc-time-grid-container, .fc-time-grid { position: relative; z-index: 1; } .fc-time-grid { min-height: 100%; } .fc-time-grid table { border: 0 hidden transparent; } .fc-time-grid > .fc-bg { z-index: 1; } .fc-time-grid .fc-slats, .fc-time-grid > hr { position: relative; z-index: 2; } .fc-time-grid .fc-content-col { position: relative; } .fc-time-grid .fc-content-skeleton { position: absolute; z-index: 3; top: 0; left: 0; right: 0; } .fc-time-grid .fc-business-container { position: relative; z-index: 1; } .fc-time-grid .fc-bgevent-container { position: relative; z-index: 2; } .fc-time-grid .fc-highlight-container { position: relative; z-index: 3; } .fc-time-grid .fc-event-container { position: relative; z-index: 4; } .fc-time-grid .fc-now-indicator-line { z-index: 5; } .fc-time-grid .fc-helper-container { position: relative; z-index: 6; } .fc-time-grid .fc-slats td { height: 1.5em; border-bottom: 0; } .fc-time-grid .fc-slats .fc-minor td { border-top-style: dotted; } .fc-time-grid .fc-highlight-container { position: relative; } .fc-time-grid .fc-highlight { position: absolute; left: 0; right: 0; } .fc-ltr .fc-time-grid .fc-event-container { margin: 0 2.5% 0 2px; } .fc-rtl .fc-time-grid .fc-event-container { margin: 0 2px 0 2.5%; } .fc-time-grid .fc-event, .fc-time-grid .fc-bgevent { position: absolute; z-index: 1; } .fc-time-grid .fc-bgevent { left: 0; right: 0; } .fc-v-event.fc-not-start { border-top-width: 0; padding-top: 1px; border-top-left-radius: 0; border-top-right-radius: 0; } .fc-v-event.fc-not-end { border-bottom-width: 0; padding-bottom: 1px; border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .fc-time-grid-event { overflow: hidden; } .fc-time-grid-event.fc-selected { overflow: visible; } .fc-time-grid-event.fc-selected .fc-bg { display: none; } .fc-time-grid-event .fc-content { overflow: hidden; } .fc-time-grid-event .fc-time, .fc-time-grid-event .fc-title { padding: 0 1px; } .fc-time-grid-event .fc-time { font-size: .85em; white-space: nowrap; } .fc-time-grid-event.fc-short .fc-content { white-space: nowrap; } .fc-time-grid-event.fc-short .fc-time, .fc-time-grid-event.fc-short .fc-title { display: inline-block; vertical-align: top; } .fc-time-grid-event.fc-short .fc-time span { display: none; } .fc-time-grid-event.fc-short .fc-time:before { content: attr(data-start); } .fc-time-grid-event.fc-short .fc-time:after { content: "\A0-\A0"; } .fc-time-grid-event.fc-short .fc-title { font-size: .85em; padding: 0; } .fc-time-grid-event.fc-allow-mouse-resize .fc-resizer { left: 0; right: 0; bottom: 0; height: 8px; overflow: hidden; line-height: 8px; font-size: 11px; font-family: monospace; text-align: center; cursor: s-resize; } .fc-time-grid-event.fc-allow-mouse-resize .fc-resizer:after { content: "="; } .fc-time-grid-event.fc-selected .fc-resizer { border-radius: 5px; border-width: 1px; width: 8px; height: 8px; border-style: solid; border-color: inherit; background: #fff; left: 50%; margin-left: -5px; bottom: -5px; } .fc-time-grid .fc-now-indicator-line { border-top-width: 1px; left: 0; right: 0; } .fc-time-grid .fc-now-indicator-arrow { margin-top: -5px; } .fc-ltr .fc-time-grid .fc-now-indicator-arrow { left: 0; border-width: 5px 0 5px 6px; border-top-color: transparent; border-bottom-color: transparent; } .fc-rtl .fc-time-grid .fc-now-indicator-arrow { right: 0; border-width: 5px 6px 5px 0; border-top-color: transparent; border-bottom-color: transparent; } .fc-event-dot { display: inline-block; width: 10px; height: 10px; border-radius: 5px; } .fc-rtl .fc-list-view { direction: rtl; } .fc-list-view { border-width: 1px; border-style: solid; } .fc .fc-list-table { table-layout: auto; } .fc-list-table td { border-width: 1px 0 0; padding: 8px 14px; } .fc-list-table tr:first-child td { border-top-width: 0; } .fc-list-heading { border-bottom-width: 1px; } .fc-list-heading td { font-weight: bold; } .fc-ltr .fc-list-heading-main { float: left; } .fc-ltr .fc-list-heading-alt { float: right; } .fc-rtl .fc-list-heading-main { float: right; } .fc-rtl .fc-list-heading-alt { float: left; } .fc-list-item.fc-has-url { cursor: pointer; } .fc-list-item-marker, .fc-list-item-time { white-space: nowrap; width: 1px; } .fc-ltr .fc-list-item-marker { padding-right: 0; } .fc-rtl .fc-list-item-marker { padding-left: 0; } .fc-list-item-title a { text-decoration: none; color: inherit; } .fc-list-item-title a[href]:hover { text-decoration: underline; } .fc-list-empty-wrap2 { position: absolute; top: 0; left: 0; right: 0; bottom: 0; } .fc-list-empty-wrap1 { width: 100%; height: 100%; display: table; } .fc-list-empty { display: table-cell; vertical-align: middle; text-align: center; } .fc-unthemed .fc-list-empty { background-color: #eee; } .jvectormap-container { width: 100%; height: 100%; position: relative; overflow: hidden; } .jvectormap-tip { position: absolute; display: none; border: solid 1px #CDCDCD; border-radius: 3px; background: #292929; color: white; font-family: sans-serif, Verdana; font-size: smaller; padding: 3px; } .jvectormap-zoomin, .jvectormap-zoomout, .jvectormap-goback { position: absolute; left: 10px; border-radius: 3px; background: #292929; padding: 3px; color: white; cursor: pointer; line-height: 10px; text-align: center; } .jvectormap-zoomin { top: 10px; } .jvectormap-zoomout { top: 30px; } .jvectormap-goback { bottom: 10px; z-index: 1000; padding: 6px; } .jvectormap-spinner { position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: center no-repeat url(data:image/gif;base64,R0lGODlhIAAgAPMAAP///wAAAMbGxoSEhLa2tpqamjY2NlZWVtjY2OTk5Ly8vB4eHgQEBAAAAAAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh/hpDcmVhdGVkIHdpdGggYWpheGxvYWQuaW5mbwAh+QQJCgAAACwAAAAAIAAgAAAE5xDISWlhperN52JLhSSdRgwVo1ICQZRUsiwHpTJT4iowNS8vyW2icCF6k8HMMBkCEDskxTBDAZwuAkkqIfxIQyhBQBFvAQSDITM5VDW6XNE4KagNh6Bgwe60smQUB3d4Rz1ZBApnFASDd0hihh12BkE9kjAJVlycXIg7CQIFA6SlnJ87paqbSKiKoqusnbMdmDC2tXQlkUhziYtyWTxIfy6BE8WJt5YJvpJivxNaGmLHT0VnOgSYf0dZXS7APdpB309RnHOG5gDqXGLDaC457D1zZ/V/nmOM82XiHRLYKhKP1oZmADdEAAAh+QQJCgAAACwAAAAAIAAgAAAE6hDISWlZpOrNp1lGNRSdRpDUolIGw5RUYhhHukqFu8DsrEyqnWThGvAmhVlteBvojpTDDBUEIFwMFBRAmBkSgOrBFZogCASwBDEY/CZSg7GSE0gSCjQBMVG023xWBhklAnoEdhQEfyNqMIcKjhRsjEdnezB+A4k8gTwJhFuiW4dokXiloUepBAp5qaKpp6+Ho7aWW54wl7obvEe0kRuoplCGepwSx2jJvqHEmGt6whJpGpfJCHmOoNHKaHx61WiSR92E4lbFoq+B6QDtuetcaBPnW6+O7wDHpIiK9SaVK5GgV543tzjgGcghAgAh+QQJCgAAACwAAAAAIAAgAAAE7hDISSkxpOrN5zFHNWRdhSiVoVLHspRUMoyUakyEe8PTPCATW9A14E0UvuAKMNAZKYUZCiBMuBakSQKG8G2FzUWox2AUtAQFcBKlVQoLgQReZhQlCIJesQXI5B0CBnUMOxMCenoCfTCEWBsJColTMANldx15BGs8B5wlCZ9Po6OJkwmRpnqkqnuSrayqfKmqpLajoiW5HJq7FL1Gr2mMMcKUMIiJgIemy7xZtJsTmsM4xHiKv5KMCXqfyUCJEonXPN2rAOIAmsfB3uPoAK++G+w48edZPK+M6hLJpQg484enXIdQFSS1u6UhksENEQAAIfkECQoAAAAsAAAAACAAIAAABOcQyEmpGKLqzWcZRVUQnZYg1aBSh2GUVEIQ2aQOE+G+cD4ntpWkZQj1JIiZIogDFFyHI0UxQwFugMSOFIPJftfVAEoZLBbcLEFhlQiqGp1Vd140AUklUN3eCA51C1EWMzMCezCBBmkxVIVHBWd3HHl9JQOIJSdSnJ0TDKChCwUJjoWMPaGqDKannasMo6WnM562R5YluZRwur0wpgqZE7NKUm+FNRPIhjBJxKZteWuIBMN4zRMIVIhffcgojwCF117i4nlLnY5ztRLsnOk+aV+oJY7V7m76PdkS4trKcdg0Zc0tTcKkRAAAIfkECQoAAAAsAAAAACAAIAAABO4QyEkpKqjqzScpRaVkXZWQEximw1BSCUEIlDohrft6cpKCk5xid5MNJTaAIkekKGQkWyKHkvhKsR7ARmitkAYDYRIbUQRQjWBwJRzChi9CRlBcY1UN4g0/VNB0AlcvcAYHRyZPdEQFYV8ccwR5HWxEJ02YmRMLnJ1xCYp0Y5idpQuhopmmC2KgojKasUQDk5BNAwwMOh2RtRq5uQuPZKGIJQIGwAwGf6I0JXMpC8C7kXWDBINFMxS4DKMAWVWAGYsAdNqW5uaRxkSKJOZKaU3tPOBZ4DuK2LATgJhkPJMgTwKCdFjyPHEnKxFCDhEAACH5BAkKAAAALAAAAAAgACAAAATzEMhJaVKp6s2nIkolIJ2WkBShpkVRWqqQrhLSEu9MZJKK9y1ZrqYK9WiClmvoUaF8gIQSNeF1Er4MNFn4SRSDARWroAIETg1iVwuHjYB1kYc1mwruwXKC9gmsJXliGxc+XiUCby9ydh1sOSdMkpMTBpaXBzsfhoc5l58Gm5yToAaZhaOUqjkDgCWNHAULCwOLaTmzswadEqggQwgHuQsHIoZCHQMMQgQGubVEcxOPFAcMDAYUA85eWARmfSRQCdcMe0zeP1AAygwLlJtPNAAL19DARdPzBOWSm1brJBi45soRAWQAAkrQIykShQ9wVhHCwCQCACH5BAkKAAAALAAAAAAgACAAAATrEMhJaVKp6s2nIkqFZF2VIBWhUsJaTokqUCoBq+E71SRQeyqUToLA7VxF0JDyIQh/MVVPMt1ECZlfcjZJ9mIKoaTl1MRIl5o4CUKXOwmyrCInCKqcWtvadL2SYhyASyNDJ0uIiRMDjI0Fd30/iI2UA5GSS5UDj2l6NoqgOgN4gksEBgYFf0FDqKgHnyZ9OX8HrgYHdHpcHQULXAS2qKpENRg7eAMLC7kTBaixUYFkKAzWAAnLC7FLVxLWDBLKCwaKTULgEwbLA4hJtOkSBNqITT3xEgfLpBtzE/jiuL04RGEBgwWhShRgQExHBAAh+QQJCgAAACwAAAAAIAAgAAAE7xDISWlSqerNpyJKhWRdlSAVoVLCWk6JKlAqAavhO9UkUHsqlE6CwO1cRdCQ8iEIfzFVTzLdRAmZX3I2SfZiCqGk5dTESJeaOAlClzsJsqwiJwiqnFrb2nS9kmIcgEsjQydLiIlHehhpejaIjzh9eomSjZR+ipslWIRLAgMDOR2DOqKogTB9pCUJBagDBXR6XB0EBkIIsaRsGGMMAxoDBgYHTKJiUYEGDAzHC9EACcUGkIgFzgwZ0QsSBcXHiQvOwgDdEwfFs0sDzt4S6BK4xYjkDOzn0unFeBzOBijIm1Dgmg5YFQwsCMjp1oJ8LyIAACH5BAkKAAAALAAAAAAgACAAAATwEMhJaVKp6s2nIkqFZF2VIBWhUsJaTokqUCoBq+E71SRQeyqUToLA7VxF0JDyIQh/MVVPMt1ECZlfcjZJ9mIKoaTl1MRIl5o4CUKXOwmyrCInCKqcWtvadL2SYhyASyNDJ0uIiUd6GGl6NoiPOH16iZKNlH6KmyWFOggHhEEvAwwMA0N9GBsEC6amhnVcEwavDAazGwIDaH1ipaYLBUTCGgQDA8NdHz0FpqgTBwsLqAbWAAnIA4FWKdMLGdYGEgraigbT0OITBcg5QwPT4xLrROZL6AuQAPUS7bxLpoWidY0JtxLHKhwwMJBTHgPKdEQAACH5BAkKAAAALAAAAAAgACAAAATrEMhJaVKp6s2nIkqFZF2VIBWhUsJaTokqUCoBq+E71SRQeyqUToLA7VxF0JDyIQh/MVVPMt1ECZlfcjZJ9mIKoaTl1MRIl5o4CUKXOwmyrCInCKqcWtvadL2SYhyASyNDJ0uIiUd6GAULDJCRiXo1CpGXDJOUjY+Yip9DhToJA4RBLwMLCwVDfRgbBAaqqoZ1XBMHswsHtxtFaH1iqaoGNgAIxRpbFAgfPQSqpbgGBqUD1wBXeCYp1AYZ19JJOYgH1KwA4UBvQwXUBxPqVD9L3sbp2BNk2xvvFPJd+MFCN6HAAIKgNggY0KtEBAAh+QQJCgAAACwAAAAAIAAgAAAE6BDISWlSqerNpyJKhWRdlSAVoVLCWk6JKlAqAavhO9UkUHsqlE6CwO1cRdCQ8iEIfzFVTzLdRAmZX3I2SfYIDMaAFdTESJeaEDAIMxYFqrOUaNW4E4ObYcCXaiBVEgULe0NJaxxtYksjh2NLkZISgDgJhHthkpU4mW6blRiYmZOlh4JWkDqILwUGBnE6TYEbCgevr0N1gH4At7gHiRpFaLNrrq8HNgAJA70AWxQIH1+vsYMDAzZQPC9VCNkDWUhGkuE5PxJNwiUK4UfLzOlD4WvzAHaoG9nxPi5d+jYUqfAhhykOFwJWiAAAIfkECQoAAAAsAAAAACAAIAAABPAQyElpUqnqzaciSoVkXVUMFaFSwlpOCcMYlErAavhOMnNLNo8KsZsMZItJEIDIFSkLGQoQTNhIsFehRww2CQLKF0tYGKYSg+ygsZIuNqJksKgbfgIGepNo2cIUB3V1B3IvNiBYNQaDSTtfhhx0CwVPI0UJe0+bm4g5VgcGoqOcnjmjqDSdnhgEoamcsZuXO1aWQy8KAwOAuTYYGwi7w5h+Kr0SJ8MFihpNbx+4Erq7BYBuzsdiH1jCAzoSfl0rVirNbRXlBBlLX+BP0XJLAPGzTkAuAOqb0WT5AH7OcdCm5B8TgRwSRKIHQtaLCwg1RAAAOwAAAAAAAAAAAA==); } .jvectormap-legend-title { font-weight: bold; font-size: 14px; text-align: center; } .jvectormap-legend-cnt { position: absolute; } .jvectormap-legend-cnt-h { bottom: 0; right: 0; } .jvectormap-legend-cnt-v { top: 0; right: 0; } .jvectormap-legend { background: black; color: white; border-radius: 3px; } .jvectormap-legend-cnt-h .jvectormap-legend { float: left; margin: 0 10px 10px 0; padding: 3px 3px 1px 3px; } .jvectormap-legend-cnt-h .jvectormap-legend .jvectormap-legend-tick { float: left; } .jvectormap-legend-cnt-v .jvectormap-legend { margin: 10px 10px 0 0; padding: 3px; } .jvectormap-legend-cnt-h .jvectormap-legend-tick { width: 40px; } .jvectormap-legend-cnt-h .jvectormap-legend-tick-sample { height: 15px; } .jvectormap-legend-cnt-v .jvectormap-legend-tick-sample { height: 20px; width: 20px; display: inline-block; vertical-align: middle; } .jvectormap-legend-tick-text { font-size: 12px; } .jvectormap-legend-cnt-h .jvectormap-legend-tick-text { text-align: center; } .jvectormap-legend-cnt-v .jvectormap-legend-tick-text { display: inline-block; vertical-align: middle; line-height: 20px; padding-left: 3px; } body ul.fancytree-container { font-family: inherit; border: 0; background: none; outline: none !important; font-size: .88rem; } 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_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: 1rem 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; top: 50%; margin-top: -11px; display: block; opacity: 0.3; } 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: 1.3rem; content: "\2191"; } 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.5rem; content: "\2193"; } 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:before, div.dataTables_scrollBody table thead .sorting_asc:before, div.dataTables_scrollBody table thead .sorting_desc:before, 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; } } table.dataTable.table-sm > thead > tr > th { padding-right: 20px; outline: none !important; } table.dataTable.table-sm .sorting:before, table.dataTable.table-sm .sorting_asc:before, table.dataTable.table-sm .sorting_desc:before { top: 5px; right: 0.85rem; } 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 th:last-child, table.table-bordered.dataTable td: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 { padding-left: 0; } div.table-responsive > div.dataTables_wrapper > div.row > div[class^="col-"]:last-child { padding-right: 0; } .table-lg th, .table-lg td { padding: 1.1rem .825rem; } .bootstrap-table .table { margin-bottom: 0 !important; border-bottom: 1px solid #dddddd; border-collapse: collapse !important; border-radius: 1px; } .bootstrap-table .table:not(.table-condensed), .bootstrap-table .table:not(.table-condensed) > tbody > tr > th, .bootstrap-table .table:not(.table-condensed) > tfoot > tr > th, .bootstrap-table .table:not(.table-condensed) > thead > tr > td, .bootstrap-table .table:not(.table-condensed) > tbody > tr > td, .bootstrap-table .table:not(.table-condensed) > tfoot > tr > td { padding: 8px; } .bootstrap-table .table.table-no-bordered > thead > tr > th, .bootstrap-table .table.table-no-bordered > tbody > tr > td { border-right: 2px solid transparent; } .bootstrap-table .table.table-no-bordered > tbody > tr > td:last-child { border-right: none; } .fixed-table-container { position: relative; clear: both; border: 1px solid #dddddd; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; } .fixed-table-container.table-no-bordered { border: 1px solid transparent; } .fixed-table-footer, .fixed-table-header { overflow: hidden; } .fixed-table-footer { border-top: 1px solid #dddddd; } .fixed-table-body { overflow-x: auto; overflow-y: auto; height: 100%; } .fixed-table-container table { width: 100%; } .fixed-table-container thead th { height: 0; padding: 0; margin: 0; border-left: 1px solid #dddddd; } .fixed-table-container thead th:focus { outline: 0 solid transparent; } .fixed-table-container thead th:first-child:not([data-not-first-th]) { border-left: none; border-top-left-radius: 4px; -webkit-border-top-left-radius: 4px; -moz-border-radius-topleft: 4px; } .fixed-table-container thead th .th-inner, .fixed-table-container tbody td .th-inner { padding: 8px; line-height: 24px; vertical-align: top; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .fixed-table-container thead th .sortable { cursor: pointer; background-position: right; background-repeat: no-repeat; padding-right: 30px; } .fixed-table-container thead th .both { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATCAQAAADYWf5HAAAAkElEQVQoz7X QMQ5AQBCF4dWQSJxC5wwax1Cq1e7BAdxD5SL+Tq/QCM1oNiJidwox0355mXnG/DrEtIQ6azioNZQxI0ykPhTQIwhCR+BmBYtlK7kLJYwWCcJA9M4qdrZrd8pPjZWPtOqdRQy320YSV17OatFC4euts6z39GYMKRPCTKY9UnPQ6P+GtMRfGtPnBCiqhAeJPmkqAAAAAElFTkSuQmCC"); } .fixed-table-container thead th .asc { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATCAYAAAByUDbMAAAAZ0lEQVQ4y2NgGLKgquEuFxBPAGI2ahhWCsS/gDibUoO0gPgxEP8H4ttArEyuQYxAPBdqEAxPBImTY5gjEL9DM+wTENuQahAvEO9DMwiGdwAxOymGJQLxTyD+jgWDxCMZRsEoGAVoAADeemwtPcZI2wAAAABJRU5ErkJggg=="); } .fixed-table-container thead th .desc { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATCAYAAAByUDbMAAAAZUlEQVQ4y2NgGAWjYBSggaqGu5FA/BOIv2PBIPFEUgxjB+IdQPwfC94HxLykus4GiD+hGfQOiB3J8SojEE9EM2wuSJzcsFMG4ttQgx4DsRalkZENxL+AuJQaMcsGxBOAmGvopk8AVz1sLZgg0bsAAAAASUVORK5CYII= "); } .fixed-table-container th.detail { width: 30px; } .fixed-table-container tbody td { border-left: 1px solid #dddddd; } .fixed-table-container tbody tr:first-child td { border-top: none; } .fixed-table-container tbody td:first-child { border-left: none; } .fixed-table-container tbody .selected td { background-color: #f5f5f5; } .fixed-table-container .bs-checkbox { text-align: center; } .fixed-table-container input[type="radio"], .fixed-table-container input[type="checkbox"] { margin: 0 auto !important; } .fixed-table-container .no-records-found { text-align: center; } .fixed-table-pagination div.pagination, .fixed-table-pagination .pagination-detail { margin-top: 10px; margin-bottom: 10px; } .fixed-table-pagination div.pagination .pagination { margin: 0; } .fixed-table-pagination .pagination a { padding: 6px 12px; line-height: 1.428571429; } .fixed-table-pagination .pagination-info { line-height: 34px; margin-right: 5px; } .fixed-table-pagination .btn-group { position: relative; display: inline-block; vertical-align: middle; } .fixed-table-pagination .dropup .dropdown-menu { margin-bottom: 0; } .fixed-table-pagination .page-list { display: inline-block; } .fixed-table-toolbar .columns-left { margin-right: 5px; } .fixed-table-toolbar .columns-right { margin-left: 5px; } .fixed-table-toolbar .columns label { display: block; padding: 3px 20px; clear: both; font-weight: normal; line-height: 1.428571429; } .fixed-table-toolbar .bs-bars, .fixed-table-toolbar .search, .fixed-table-toolbar .columns { position: relative; margin-top: 10px; margin-bottom: 10px; line-height: 34px; } .fixed-table-pagination li.disabled a { pointer-events: none; cursor: default; } .fixed-table-loading { display: none; position: absolute; top: 42px; right: 0; bottom: 0; left: 0; z-index: 99; background-color: #fff; text-align: center; } .fixed-table-body .card-view .title { font-weight: bold; display: inline-block; min-width: 30%; text-align: left !important; } .fixed-table-body thead th .th-inner { box-sizing: border-box; } .table th, .table td { box-sizing: border-box; } .fixed-table-toolbar .dropdown-menu { text-align: left; max-height: 300px; overflow: auto; } .fixed-table-toolbar .btn-group > .btn-group { display: inline-block; margin-left: -1px !important; } .fixed-table-toolbar .btn-group > .btn-group > .btn { border-radius: 0; } .fixed-table-toolbar .btn-group > .btn-group:first-child > .btn { border-top-left-radius: 4px; border-bottom-left-radius: 4px; } .fixed-table-toolbar .btn-group > .btn-group:last-child > .btn { border-top-right-radius: 4px; border-bottom-right-radius: 4px; } .bootstrap-table .table > thead > tr > th { vertical-align: bottom; border-bottom: 1px solid #ddd; } .bootstrap-table .table thead > tr > th { padding: 0; margin: 0; } .bootstrap-table .fixed-table-footer tbody > tr > td { padding: 0 !important; } .bootstrap-table .fixed-table-footer .table { border-bottom: none; border-radius: 0; padding: 0 !important; } .bootstrap-table .pull-right .dropdown-menu { right: 0; left: auto; } p.fixed-table-scroll-inner { width: 100%; height: 200px; } div.fixed-table-scroll-outer { top: 0; left: 0; visibility: hidden; width: 200px; height: 150px; overflow: hidden; } .fixed-table-toolbar:after, .fixed-table-pagination:after { content: ""; display: block; clear: both; } .fullscreen { position: fixed; top: 0; left: 0; z-index: 1050; width: 100% !important; background: #FFF; } @font-face { font-family: 'Linearicons-Free'; src: url(../fonts/Linearicons-Free.eot); src: url(../fonts/Linearicons-Free.eot?#iefixw118d) format("embedded-opentype"), url(../fonts/Linearicons-Free.woff2) format("woff2"), url(../fonts/Linearicons-Free.woff) format("woff"), url(../fonts/Linearicons-Free.ttf) format("truetype"), url(../fonts/Linearicons-Free.svg#Linearicons-Free) format("svg"); font-weight: normal; font-style: normal; } [class^="lnr-"], [class*=" lnr-"] { font-family: 'Linearicons-Free'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .lnr-home:before { content: "\e800"; } .lnr-apartment:before { content: "\e801"; } .lnr-pencil:before { content: "\e802"; } .lnr-magic-wand:before { content: "\e803"; } .lnr-drop:before { content: "\e804"; } .lnr-lighter:before { content: "\e805"; } .lnr-poop:before { content: "\e806"; } .lnr-sun:before { content: "\e807"; } .lnr-moon:before { content: "\e808"; } .lnr-cloud:before { content: "\e809"; } .lnr-cloud-upload:before { content: "\e80a"; } .lnr-cloud-download:before { content: "\e80b"; } .lnr-cloud-sync:before { content: "\e80c"; } .lnr-cloud-check:before { content: "\e80d"; } .lnr-database:before { content: "\e80e"; } .lnr-lock:before { content: "\e80f"; } .lnr-cog:before { content: "\e810"; } .lnr-trash:before { content: "\e811"; } .lnr-dice:before { content: "\e812"; } .lnr-heart:before { content: "\e813"; } .lnr-star:before { content: "\e814"; } .lnr-star-half:before { content: "\e815"; } .lnr-star-empty:before { content: "\e816"; } .lnr-flag:before { content: "\e817"; } .lnr-envelope:before { content: "\e818"; } .lnr-paperclip:before { content: "\e819"; } .lnr-inbox:before { content: "\e81a"; } .lnr-eye:before { content: "\e81b"; } .lnr-printer:before { content: "\e81c"; } .lnr-file-empty:before { content: "\e81d"; } .lnr-file-add:before { content: "\e81e"; } .lnr-enter:before { content: "\e81f"; } .lnr-exit:before { content: "\e820"; } .lnr-graduation-hat:before { content: "\e821"; } .lnr-license:before { content: "\e822"; } .lnr-music-note:before { content: "\e823"; } .lnr-film-play:before { content: "\e824"; } .lnr-camera-video:before { content: "\e825"; } .lnr-camera:before { content: "\e826"; } .lnr-picture:before { content: "\e827"; } .lnr-book:before { content: "\e828"; } .lnr-bookmark:before { content: "\e829"; } .lnr-user:before { content: "\e82a"; } .lnr-users:before { content: "\e82b"; } .lnr-shirt:before { content: "\e82c"; } .lnr-store:before { content: "\e82d"; } .lnr-cart:before { content: "\e82e"; } .lnr-tag:before { content: "\e82f"; } .lnr-phone-handset:before { content: "\e830"; } .lnr-phone:before { content: "\e831"; } .lnr-pushpin:before { content: "\e832"; } .lnr-map-marker:before { content: "\e833"; } .lnr-map:before { content: "\e834"; } .lnr-location:before { content: "\e835"; } .lnr-calendar-full:before { content: "\e836"; } .lnr-keyboard:before { content: "\e837"; } .lnr-spell-check:before { content: "\e838"; } .lnr-screen:before { content: "\e839"; } .lnr-smartphone:before { content: "\e83a"; } .lnr-tablet:before { content: "\e83b"; } .lnr-laptop:before { content: "\e83c"; } .lnr-laptop-phone:before { content: "\e83d"; } .lnr-power-switch:before { content: "\e83e"; } .lnr-bubble:before { content: "\e83f"; } .lnr-heart-pulse:before { content: "\e840"; } .lnr-construction:before { content: "\e841"; } .lnr-pie-chart:before { content: "\e842"; } .lnr-chart-bars:before { content: "\e843"; } .lnr-gift:before { content: "\e844"; } .lnr-diamond:before { content: "\e845"; } .lnr-linearicons:before { content: "\e846"; } .lnr-dinner:before { content: "\e847"; } .lnr-coffee-cup:before { content: "\e848"; } .lnr-leaf:before { content: "\e849"; } .lnr-paw:before { content: "\e84a"; } .lnr-rocket:before { content: "\e84b"; } .lnr-briefcase:before { content: "\e84c"; } .lnr-bus:before { content: "\e84d"; } .lnr-car:before { content: "\e84e"; } .lnr-train:before { content: "\e84f"; } .lnr-bicycle:before { content: "\e850"; } .lnr-wheelchair:before { content: "\e851"; } .lnr-select:before { content: "\e852"; } .lnr-earth:before { content: "\e853"; } .lnr-smile:before { content: "\e854"; } .lnr-sad:before { content: "\e855"; } .lnr-neutral:before { content: "\e856"; } .lnr-mustache:before { content: "\e857"; } .lnr-alarm:before { content: "\e858"; } .lnr-bullhorn:before { content: "\e859"; } .lnr-volume-high:before { content: "\e85a"; } .lnr-volume-medium:before { content: "\e85b"; } .lnr-volume-low:before { content: "\e85c"; } .lnr-volume:before { content: "\e85d"; } .lnr-mic:before { content: "\e85e"; } .lnr-hourglass:before { content: "\e85f"; } .lnr-undo:before { content: "\e860"; } .lnr-redo:before { content: "\e861"; } .lnr-sync:before { content: "\e862"; } .lnr-history:before { content: "\e863"; } .lnr-clock:before { content: "\e864"; } .lnr-download:before { content: "\e865"; } .lnr-upload:before { content: "\e866"; } .lnr-enter-down:before { content: "\e867"; } .lnr-exit-up:before { content: "\e868"; } .lnr-bug:before { content: "\e869"; } .lnr-code:before { content: "\e86a"; } .lnr-link:before { content: "\e86b"; } .lnr-unlink:before { content: "\e86c"; } .lnr-thumbs-up:before { content: "\e86d"; } .lnr-thumbs-down:before { content: "\e86e"; } .lnr-magnifier:before { content: "\e86f"; } .lnr-cross:before { content: "\e870"; } .lnr-menu:before { content: "\e871"; } .lnr-list:before { content: "\e872"; } .lnr-chevron-up:before { content: "\e873"; } .lnr-chevron-down:before { content: "\e874"; } .lnr-chevron-left:before { content: "\e875"; } .lnr-chevron-right:before { content: "\e876"; } .lnr-arrow-up:before { content: "\e877"; } .lnr-arrow-down:before { content: "\e878"; } .lnr-arrow-left:before { content: "\e879"; } .lnr-arrow-right:before { content: "\e87a"; } .lnr-move:before { content: "\e87b"; } .lnr-warning:before { content: "\e87c"; } .lnr-question-circle:before { content: "\e87d"; } .lnr-menu-circle:before { content: "\e87e"; } .lnr-checkmark-circle:before, .forms-wizard li.done em:before { content: "\e87f"; } .lnr-cross-circle:before { content: "\e880"; } .lnr-plus-circle:before { content: "\e881"; } .lnr-circle-minus:before { content: "\e882"; } .lnr-arrow-up-circle:before { content: "\e883"; } .lnr-arrow-down-circle:before { content: "\e884"; } .lnr-arrow-left-circle:before { content: "\e885"; } .lnr-arrow-right-circle:before { content: "\e886"; } .lnr-chevron-up-circle:before { content: "\e887"; } .lnr-chevron-down-circle:before { content: "\e888"; } .lnr-chevron-left-circle:before { content: "\e889"; } .lnr-chevron-right-circle:before { content: "\e88a"; } .lnr-crop:before { content: "\e88b"; } .lnr-frame-expand:before { content: "\e88c"; } .lnr-frame-contract:before { content: "\e88d"; } .lnr-layers:before { content: "\e88e"; } .lnr-funnel:before { content: "\e88f"; } .lnr-text-format:before { content: "\e890"; } .lnr-text-format-remove:before { content: "\e891"; } .lnr-text-size:before { content: "\e892"; } .lnr-bold:before { content: "\e893"; } .lnr-italic:before { content: "\e894"; } .lnr-underline:before { content: "\e895"; } .lnr-strikethrough:before { content: "\e896"; } .lnr-highlight:before { content: "\e897"; } .lnr-text-align-left:before { content: "\e898"; } .lnr-text-align-center:before { content: "\e899"; } .lnr-text-align-right:before { content: "\e89a"; } .lnr-text-align-justify:before { content: "\e89b"; } .lnr-line-spacing:before { content: "\e89c"; } .lnr-indent-increase:before { content: "\e89d"; } .lnr-indent-decrease:before { content: "\e89e"; } .lnr-pilcrow:before { content: "\e89f"; } .lnr-direction-ltr:before { content: "\e8a0"; } .lnr-direction-rtl:before { content: "\e8a1"; } .lnr-page-break:before { content: "\e8a2"; } .lnr-sort-alpha-asc:before { content: "\e8a3"; } .lnr-sort-amount-asc:before { content: "\e8a4"; } .lnr-hand:before { content: "\e8a5"; } .lnr-pointer-up:before { content: "\e8a6"; } .lnr-pointer-right:before { content: "\e8a7"; } .lnr-pointer-down:before { content: "\e8a8"; } .lnr-pointer-left:before { content: "\e8a9"; } @font-face { font-family: 'Pe-icon-7-stroke'; src: url(../fonts/Pe-icon-7-stroke.eot); src: url(../fonts/Pe-icon-7-stroke.eot?#iefixd7yf1v) format("embedded-opentype"), url(../fonts/Pe-icon-7-stroke.woff) format("woff"), url(../fonts/Pe-icon-7-stroke.ttf) format("truetype"), url(../fonts/Pe-icon-7-stroke.svg#Pe-icon-7-stroke) format("svg"); font-weight: normal; font-style: normal; } [class^="pe-7s-"], [class*=" pe-7s-"] { /*display: inline-block;*/ font-family: 'Pe-icon-7-stroke'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } /*! Modified from font-awesome helper CSS classes - PIXEDEN * Font Awesome 4.0.3 by @davegandy - http://fontawesome.io - @fontawesome * License - http://fontawesome.io/license (CSS: MIT License) */ .pe-lg { font-size: 1.1704rem; line-height: 0.75em; vertical-align: -15%; } .pe-2x { font-size: 1.76rem; } .pe-3x { font-size: 2.64rem; } .pe-4x { font-size: 3.52rem; } .pe-5x { font-size: 4.4rem; } .pe-fw { width: 1.2857142857142858em; text-align: center; } .pe-ul { padding-left: 0; margin-left: 2.142857142857143em; list-style-type: none; } .pe-ul > li { position: relative; } .pe-li { position: absolute; left: -2.142857142857143em; width: 2.142857142857143em; top: 0.14285714285714285em; text-align: center; } .pe-li.pe-lg { left: -1.8571428571428572em; } .pe-border { padding: .2em .25em .15em; border: solid 0.08em #eeeeee; border-radius: .1em; } .pull-right { float: right; } .pe.pull-left { float: left; margin-right: .3em; margin-left: .3em; } .pe-spin { animation: spin 2s infinite linear; } @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(359deg); } } .pe-rotate-90 { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1); transform: rotate(90deg); } .pe-rotate-180 { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2); transform: rotate(180deg); } .pe-rotate-270 { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); transform: rotate(270deg); } .pe-flip-horizontal { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1); transform: scale(-1, 1); } .pe-flip-vertical { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1); transform: scale(1, -1); } .pe-stack { position: relative; display: inline-block; width: 2em; height: 2em; line-height: 2em; vertical-align: middle; } .pe-stack-1x, .pe-stack-2x { position: absolute; left: 0; width: 100%; text-align: center; } .pe-stack-1x { line-height: inherit; } .pe-stack-2x { font-size: 2em; } .pe-inverse { color: #ffffff; } .pe-va { vertical-align: middle; } .pe-border { border: solid 0.08em #eaeaea; } .pe-7s-album:before { content: ""; } .pe-7s-arc:before { content: ""; } .pe-7s-back-2:before { content: ""; } .pe-7s-bandaid:before { content: ""; } .pe-7s-car:before { content: ""; } .pe-7s-diamond:before { content: ""; } .pe-7s-door-lock:before { content: ""; } .pe-7s-eyedropper:before { content: ""; } .pe-7s-female:before { content: ""; } .pe-7s-gym:before { content: ""; } .pe-7s-hammer:before { content: ""; } .pe-7s-headphones:before { content: ""; } .pe-7s-helm:before { content: ""; } .pe-7s-hourglass:before { content: ""; } .pe-7s-leaf:before { content: ""; } .pe-7s-magic-wand:before { content: ""; } .pe-7s-male:before { content: ""; } .pe-7s-map-2:before { content: ""; } .pe-7s-next-2:before { content: ""; } .pe-7s-paint-bucket:before { content: ""; } .pe-7s-pendrive:before { content: ""; } .pe-7s-photo:before { content: ""; } .pe-7s-piggy:before { content: ""; } .pe-7s-plugin:before { content: ""; } .pe-7s-refresh-2:before { content: ""; } .pe-7s-rocket:before { content: ""; } .pe-7s-settings:before { content: ""; } .pe-7s-shield:before { content: ""; } .pe-7s-smile:before { content: ""; } .pe-7s-usb:before { content: ""; } .pe-7s-vector:before { content: ""; } .pe-7s-wine:before { content: ""; } .pe-7s-cloud-upload:before { content: ""; } .pe-7s-cash:before { content: ""; } .pe-7s-close:before { content: ""; } .pe-7s-bluetooth:before { content: ""; } .pe-7s-cloud-download:before { content: ""; } .pe-7s-way:before { content: ""; } .pe-7s-close-circle:before { content: ""; } .pe-7s-id:before { content: ""; } .pe-7s-angle-up:before { content: ""; } .pe-7s-wristwatch:before { content: ""; } .pe-7s-angle-up-circle:before { content: ""; } .pe-7s-world:before { content: ""; } .pe-7s-angle-right:before { content: ""; } .pe-7s-volume:before { content: ""; } .pe-7s-angle-right-circle:before { content: ""; } .pe-7s-users:before { content: ""; } .pe-7s-angle-left:before { content: ""; } .pe-7s-user-female:before { content: ""; } .pe-7s-angle-left-circle:before { content: ""; } .pe-7s-up-arrow:before { content: ""; } .pe-7s-angle-down:before { content: ""; } .pe-7s-switch:before { content: ""; } .pe-7s-angle-down-circle:before { content: ""; } .pe-7s-scissors:before { content: ""; } .pe-7s-wallet:before { content: ""; } .pe-7s-safe:before { content: ""; } .pe-7s-volume2:before { content: ""; } .pe-7s-volume1:before { content: ""; } .pe-7s-voicemail:before { content: ""; } .pe-7s-video:before { content: ""; } .pe-7s-user:before { content: ""; } .pe-7s-upload:before { content: ""; } .pe-7s-unlock:before { content: ""; } .pe-7s-umbrella:before { content: ""; } .pe-7s-trash:before { content: ""; } .pe-7s-tools:before { content: ""; } .pe-7s-timer:before { content: ""; } .pe-7s-ticket:before { content: ""; } .pe-7s-target:before { content: ""; } .pe-7s-sun:before { content: ""; } .pe-7s-study:before { content: ""; } .pe-7s-stopwatch:before { content: ""; } .pe-7s-star:before { content: ""; } .pe-7s-speaker:before { content: ""; } .pe-7s-signal:before { content: ""; } .pe-7s-shuffle:before { content: ""; } .pe-7s-shopbag:before { content: ""; } .pe-7s-share:before { content: ""; } .pe-7s-server:before { content: ""; } .pe-7s-search:before { content: ""; } .pe-7s-film:before { content: ""; } .pe-7s-science:before { content: ""; } .pe-7s-disk:before { content: ""; } .pe-7s-ribbon:before { content: ""; } .pe-7s-repeat:before { content: ""; } .pe-7s-refresh:before { content: ""; } .pe-7s-add-user:before { content: ""; } .pe-7s-refresh-cloud:before { content: ""; } .pe-7s-paperclip:before { content: ""; } .pe-7s-radio:before { content: ""; } .pe-7s-note2:before { content: ""; } .pe-7s-print:before { content: ""; } .pe-7s-network:before { content: ""; } .pe-7s-prev:before { content: ""; } .pe-7s-mute:before { content: ""; } .pe-7s-power:before { content: ""; } .pe-7s-medal:before { content: ""; } .pe-7s-portfolio:before { content: ""; } .pe-7s-like2:before { content: ""; } .pe-7s-plus:before { content: ""; } .pe-7s-left-arrow:before { content: ""; } .pe-7s-play:before { content: ""; } .pe-7s-key:before { content: ""; } .pe-7s-plane:before { content: ""; } .pe-7s-joy:before { content: ""; } .pe-7s-photo-gallery:before { content: ""; } .pe-7s-pin:before { content: ""; } .pe-7s-phone:before { content: ""; } .pe-7s-plug:before { content: ""; } .pe-7s-pen:before { content: ""; } .pe-7s-right-arrow:before { content: ""; } .pe-7s-paper-plane:before { content: ""; } .pe-7s-delete-user:before { content: ""; } .pe-7s-paint:before { content: ""; } .pe-7s-bottom-arrow:before { content: ""; } .pe-7s-notebook:before { content: ""; } .pe-7s-note:before { content: ""; } .pe-7s-next:before { content: ""; } .pe-7s-news-paper:before { content: ""; } .pe-7s-musiclist:before { content: ""; } .pe-7s-music:before { content: ""; } .pe-7s-mouse:before { content: ""; } .pe-7s-more:before { content: ""; } .pe-7s-moon:before { content: ""; } .pe-7s-monitor:before { content: ""; } .pe-7s-micro:before { content: ""; } .pe-7s-menu:before { content: ""; } .pe-7s-map:before { content: ""; } .pe-7s-map-marker:before { content: ""; } .pe-7s-mail:before { content: ""; } .pe-7s-mail-open:before { content: ""; } .pe-7s-mail-open-file:before { content: ""; } .pe-7s-magnet:before { content: ""; } .pe-7s-loop:before { content: ""; } .pe-7s-look:before { content: ""; } .pe-7s-lock:before { content: ""; } .pe-7s-lintern:before { content: ""; } .pe-7s-link:before { content: ""; } .pe-7s-like:before { content: ""; } .pe-7s-light:before { content: ""; } .pe-7s-less:before { content: ""; } .pe-7s-keypad:before { content: ""; } .pe-7s-junk:before { content: ""; } .pe-7s-info:before { content: ""; } .pe-7s-home:before { content: ""; } .pe-7s-help2:before { content: ""; } .pe-7s-help1:before { content: ""; } .pe-7s-graph3:before { content: ""; } .pe-7s-graph2:before { content: ""; } .pe-7s-graph1:before { content: ""; } .pe-7s-graph:before { content: ""; } .pe-7s-global:before { content: ""; } .pe-7s-gleam:before { content: ""; } .pe-7s-glasses:before { content: ""; } .pe-7s-gift:before { content: ""; } .pe-7s-folder:before { content: ""; } .pe-7s-flag:before { content: ""; } .pe-7s-filter:before { content: ""; } .pe-7s-file:before { content: ""; } .pe-7s-expand1:before { content: ""; } .pe-7s-exapnd2:before { content: ""; } .pe-7s-edit:before { content: ""; } .pe-7s-drop:before { content: ""; } .pe-7s-drawer:before { content: ""; } .pe-7s-download:before { content: ""; } .pe-7s-display2:before { content: ""; } .pe-7s-display1:before { content: ""; } .pe-7s-diskette:before { content: ""; } .pe-7s-date:before { content: ""; } .pe-7s-cup:before { content: ""; } .pe-7s-culture:before { content: ""; } .pe-7s-crop:before { content: ""; } .pe-7s-credit:before { content: ""; } .pe-7s-copy-file:before { content: ""; } .pe-7s-config:before { content: ""; } .pe-7s-compass:before { content: ""; } .pe-7s-comment:before { content: ""; } .pe-7s-coffee:before { content: ""; } .pe-7s-cloud:before { content: ""; } .pe-7s-clock:before { content: ""; } .pe-7s-check:before { content: ""; } .pe-7s-chat:before { content: ""; } .pe-7s-cart:before { content: ""; } .pe-7s-camera:before { content: ""; } .pe-7s-call:before { content: ""; } .pe-7s-calculator:before { content: ""; } .pe-7s-browser:before { content: ""; } .pe-7s-box2:before { content: ""; } .pe-7s-box1:before { content: ""; } .pe-7s-bookmarks:before { content: ""; } .pe-7s-bicycle:before { content: ""; } .pe-7s-bell:before { content: ""; } .pe-7s-battery:before { content: ""; } .pe-7s-ball:before { content: ""; } .pe-7s-back:before { content: ""; } .pe-7s-attention:before { content: ""; } .pe-7s-anchor:before { content: ""; } .pe-7s-albums:before { content: ""; } .pe-7s-alarm:before { content: ""; } .pe-7s-airplay:before { content: ""; } .datepicker-container { background-color: #fff; direction: ltr; left: 0; position: fixed; -webkit-tap-highlight-color: transparent; top: 0; line-height: 34px; touch-action: none; -webkit-touch-callout: none; user-select: none; width: 276px; z-index: -1; } .datepicker-container::before, .datepicker-container::after { border: 10px solid transparent; content: " "; display: block; height: 0; position: absolute; width: 0; } .datepicker-dropdown { position: absolute; top: 100%; left: 0; z-index: 1000; padding: 4px; margin: .125rem 0 0; font-size: .88rem; color: #495057; text-align: left; list-style: none; background-color: #fff; background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.15); border-radius: .25rem; box-shadow: 0 0.46875rem 2.1875rem rgba(4, 9, 20, 0.03), 0 0.9375rem 1.40625rem rgba(4, 9, 20, 0.03), 0 0.25rem 0.53125rem rgba(4, 9, 20, 0.05), 0 0.125rem 0.1875rem rgba(4, 9, 20, 0.03); } .datepicker-inline { position: static; margin: 0 auto; border: 1px solid rgba(0, 0, 0, 0.15); border-radius: .25rem; padding: 4px; } .datepicker-top-left, .datepicker-top-right { border-top-color: rgba(0, 0, 0, 0.15); } .datepicker-top-left::before, .datepicker-top-left::after, .datepicker-top-right::before, .datepicker-top-right::after { border-top: 0; left: 10px; top: -11px; } .datepicker-top-left::before, .datepicker-top-right::before { border-bottom-color: rgba(0, 0, 0, 0.15); } .datepicker-top-left::after, .datepicker-top-right::after { border-bottom-color: #fff; top: -10px; } .datepicker-bottom-left, .datepicker-bottom-right { border-bottom-color: #3f6ad8; } .datepicker-bottom-left::before, .datepicker-bottom-left::after, .datepicker-bottom-right::before, .datepicker-bottom-right::after { border-bottom: 0; bottom: -11px; left: 10px; } .datepicker-bottom-left::before, .datepicker-bottom-right::before { border-top-color: #3f6ad8; } .datepicker-bottom-left::after, .datepicker-bottom-right::after { border-top-color: #fff; bottom: -10px; } .datepicker-top-right::before, .datepicker-top-right::after, .datepicker-bottom-right::before, .datepicker-bottom-right::after { left: auto; right: 10px; } .datepicker-panel > ul { margin: 0; padding: 0; } .datepicker-panel > ul::before, .datepicker-panel > ul::after { content: " "; display: table; } .datepicker-panel > ul::after { clear: both; } .datepicker-panel > ul > li { background-color: #fff; cursor: pointer; float: left; height: 34px; list-style: none; margin: 2px; padding: 0; text-align: center; width: 34px; border-radius: .25rem; transition: all .2s; } .datepicker-panel > ul > li:hover { background-color: #3f6ad8; color: #fff; } .datepicker-panel > ul > li.muted { color: #ced4da; } .datepicker-panel > ul > li.muted:hover { background: #f8f9fa; color: #adb5bd; } .datepicker-panel > ul > li.highlighted { background-color: #f7b924; color: #212529; } .datepicker-panel > ul > li.highlighted:hover { background-color: #f7b924; color: #212529; } .datepicker-panel > ul > li.picked, .datepicker-panel > ul > li.picked:hover { background: #3ac47d; color: #fff; } .datepicker-panel > ul > li.disabled, .datepicker-panel > ul > li.disabled:hover { background-color: #f8f9fa; color: #ced4da; cursor: default; } .datepicker-panel > ul > li.disabled.highlighted, .datepicker-panel > ul > li.disabled:hover.highlighted { background-color: #e9ecef; color: #adb5bd; } .datepicker-panel > ul > li[data-view="years prev"], .datepicker-panel > ul > li[data-view="year prev"], .datepicker-panel > ul > li[data-view="month prev"], .datepicker-panel > ul > li[data-view="years next"], .datepicker-panel > ul > li[data-view="year next"], .datepicker-panel > ul > li[data-view="month next"], .datepicker-panel > ul > li[data-view="next"] { font-size: 18px; } .datepicker-panel > ul > li[data-view="years current"], .datepicker-panel > ul > li[data-view="year current"], .datepicker-panel > ul > li[data-view="month current"] { width: 186px; } .datepicker-panel > ul[data-view="years"] > li, .datepicker-panel > ul[data-view="months"] > li { height: 52.5px; line-height: 52.5px; width: 62.5px; } .datepicker-panel > ul[data-view="week"] > li, .datepicker-panel > ul[data-view="week"] > li:hover { background-color: #fff; cursor: default; color: #6c757d; } .datepicker-hide { display: none; } .daterangepicker { position: absolute; top: 100%; left: 0; z-index: 1000; padding: 0; margin: .125rem 0 0; font-size: .88rem; color: #495057; text-align: left; list-style: none; background-color: #fff; background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.15); border-radius: .25rem; box-shadow: 0 0.46875rem 2.1875rem rgba(4, 9, 20, 0.03), 0 0.9375rem 1.40625rem rgba(4, 9, 20, 0.03), 0 0.25rem 0.53125rem rgba(4, 9, 20, 0.05), 0 0.125rem 0.1875rem rgba(4, 9, 20, 0.03); display: none; } .daterangepicker:before, .daterangepicker:after { position: absolute; display: inline-block; border-bottom-color: rgba(0, 0, 0, 0.15); content: ''; } .daterangepicker:before { top: -10px; border-right: 10px solid transparent; border-left: 10px solid transparent; border-bottom: 10px solid rgba(0, 0, 0, 0.15); } .daterangepicker:after { top: -9px; border-right: 10px solid transparent; border-bottom: 10px solid #fff; border-left: 10px solid transparent; } .daterangepicker.opensleft:before { right: 9px; } .daterangepicker.opensleft:after { right: 10px; } .daterangepicker.openscenter:before { left: 0; right: 0; width: 0; margin-left: auto; margin-right: auto; } .daterangepicker.openscenter:after { left: 0; right: 0; width: 0; margin-left: auto; margin-right: auto; } .daterangepicker.opensright:before { left: 9px; } .daterangepicker.opensright:after { left: 9px; } .daterangepicker.drop-up { margin-top: -11px; } .daterangepicker.drop-up:before { top: initial; bottom: -11px; border-bottom: initial; border-top: 10px solid rgba(0, 0, 0, 0.15); } .daterangepicker.drop-up:after { top: initial; bottom: -10px; border-bottom: initial; border-top: 10px solid #fff; } .daterangepicker.single .daterangepicker .ranges, .daterangepicker.single .drp-calendar { float: none; } .daterangepicker.single .drp-selected { display: none; } .daterangepicker.show-calendar .drp-calendar { display: block; } .daterangepicker.show-calendar .drp-buttons { display: block; } .daterangepicker.auto-apply .drp-buttons { display: none; } .daterangepicker .drp-calendar { display: none; max-width: 270px; } .daterangepicker .drp-calendar.left { padding: 8px 0 8px 0; } .daterangepicker .drp-calendar.right { padding: 8px 8px 8px 8px; } .daterangepicker .drp-calendar.single .calendar-table { border: none; } .daterangepicker .calendar-table .next span, .daterangepicker .calendar-table .prev span { color: #fff; border: solid #343a40; border-width: 0 2px 2px 0; border-radius: 0; display: inline-block; padding: 4px; } .daterangepicker .calendar-table .next:hover span, .daterangepicker .calendar-table .prev:hover span { border: solid #fff; border-width: 0 2px 2px 0; } .daterangepicker .calendar-table .next span { transform: rotate(-45deg); -webkit-transform: rotate(-45deg); } .daterangepicker .calendar-table .prev span { transform: rotate(135deg); -webkit-transform: rotate(135deg); } .daterangepicker .calendar-table th, .daterangepicker .calendar-table td { white-space: nowrap; text-align: center; vertical-align: middle; min-width: 34px; width: 36px; height: 34px; line-height: 34px; border-radius: .25rem; border: 1px solid transparent; white-space: nowrap; cursor: pointer; } .daterangepicker .calendar-table { border: 1px solid #fff; border-radius: .25rem; background-color: #fff; } .daterangepicker .calendar-table table { width: 100%; margin: 0; border-spacing: 0; border-collapse: collapse; } .daterangepicker td.available:hover, .daterangepicker th.available:hover { background-color: #3f6ad8; border-color: transparent; color: #fff; } .daterangepicker td.week, .daterangepicker th.week { color: #ccc; } .daterangepicker td.off, .daterangepicker td.off.in-range, .daterangepicker td.off.start-date, .daterangepicker td.off.end-date { background-color: #fff; border-color: transparent; color: #343a40; } .daterangepicker td.in-range { background-color: #e9ecef; border-color: transparent; color: #6c757d; border-radius: 0; } .daterangepicker td.start-date { border-radius: .25rem 0 0 .25rem; } .daterangepicker td.end-date { border-radius: 0 .25rem .25rem 0; } .daterangepicker td.start-date.end-date { border-radius: .25rem; } .daterangepicker td.active, .daterangepicker td.active:hover { background-color: #3f6ad8; border-color: transparent; color: #fff; border-radius: .25rem; } .daterangepicker th.month { width: auto; } .daterangepicker td.disabled, .daterangepicker option.disabled { color: #6c757d; cursor: not-allowed; text-decoration: line-through; } .daterangepicker select.monthselect, .daterangepicker select.yearselect { padding: 1px; height: auto; margin: 0; cursor: default; } .daterangepicker select.monthselect { margin-right: 2%; width: 56%; } .daterangepicker select.yearselect { width: 40%; } .daterangepicker select.hourselect, .daterangepicker select.minuteselect, .daterangepicker select.secondselect, .daterangepicker select.ampmselect { width: 50px; margin: 0 auto; background: #eee; border: 1px solid #eee; padding: 2px; outline: 0; font-size: 12px; } .daterangepicker .calendar-time { text-align: center; margin: 4px auto 0 auto; line-height: 30px; position: relative; } .daterangepicker .calendar-time select.disabled { color: #ccc; cursor: not-allowed; } .daterangepicker .drp-buttons { clear: both; text-align: right; padding: 8px; border-top: 1px solid #dee2e6; display: none; line-height: 12px; vertical-align: middle; } .daterangepicker .drp-selected { display: inline-block; font-size: 12px; padding-right: 8px; } .daterangepicker .drp-buttons .btn { margin-left: 8px; font-size: 12px; font-weight: bold; padding: 4px 8px; } .daterangepicker.show-ranges .drp-calendar.left { border-left: 1px solid #dee2e6; } .daterangepicker .ranges { float: none; text-align: left; margin: 0; padding: 2px 4px; } .daterangepicker.show-calendar .ranges { margin-top: 8px; } .daterangepicker .ranges ul { list-style: none; margin: 0 auto; padding: 0; width: 100%; } .daterangepicker .ranges li { padding: 6px 12px; cursor: pointer; margin: 2px 0; border-radius: .25rem; color: #212529; background-color: transparent; cursor: pointer; } .daterangepicker .ranges li:hover { background-color: #e0f3ff; color: #16181b; } .daterangepicker .ranges li.active { background-color: #3f6ad8; color: #fff; } @media (min-width: 564px) { .daterangepicker { width: auto; } .daterangepicker .ranges ul { width: 140px; } .daterangepicker.single .ranges ul { width: 100%; } .daterangepicker.single .drp-calendar.left { clear: none; } .daterangepicker.single.ltr .ranges, .daterangepicker.single.ltr .drp-calendar { float: left; } .daterangepicker.single.rtl .ranges, .daterangepicker.single.rtl .drp-calendar { float: right; } .daterangepicker.ltr { direction: ltr; text-align: left; } .daterangepicker.ltr .drp-calendar.left { clear: left; margin-right: 0; } .daterangepicker.ltr .drp-calendar.left .calendar-table { border-right: none; border-top-right-radius: 0; border-bottom-right-radius: 0; } .daterangepicker.ltr .drp-calendar.right { margin-left: 0; } .daterangepicker.ltr .drp-calendar.right .calendar-table { border-left: none; border-top-left-radius: 0; border-bottom-left-radius: 0; } .daterangepicker.ltr .drp-calendar.left .calendar-table { padding-right: 8px; } .daterangepicker.ltr .ranges, .daterangepicker.ltr .drp-calendar { float: left; } .daterangepicker.rtl { direction: rtl; text-align: right; } .daterangepicker.rtl .drp-calendar.left { clear: right; margin-left: 0; } .daterangepicker.rtl .drp-calendar.left .calendar-table { border-left: none; border-top-left-radius: 0; border-bottom-left-radius: 0; } .daterangepicker.rtl .drp-calendar.right { margin-right: 0; } .daterangepicker.rtl .drp-calendar.right .calendar-table { border-right: none; border-top-right-radius: 0; border-bottom-right-radius: 0; } .daterangepicker.rtl .drp-calendar.left .calendar-table { padding-left: 12px; } .daterangepicker.rtl .ranges, .daterangepicker.rtl .drp-calendar { text-align: right; float: right; } } @media (min-width: 730px) { .daterangepicker .ranges { width: auto; } .daterangepicker.ltr .ranges { float: left; } .daterangepicker.rtl .ranges { float: right; } .daterangepicker .drp-calendar.left { clear: none !important; } } .noUi-target, .noUi-target * { -webkit-touch-callout: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-user-select: none; -ms-touch-action: none; touch-action: none; -ms-user-select: none; -moz-user-select: none; user-select: none; -moz-box-sizing: border-box; box-sizing: border-box; } .noUi-target { position: relative; direction: ltr; } .noUi-base, .noUi-connects { width: 100%; height: 100%; position: relative; z-index: 1; } .noUi-connects { overflow: hidden; z-index: 0; } .noUi-connect, .noUi-origin { will-change: transform; position: absolute; z-index: 1; top: 0; left: 0; height: 100%; width: 100%; -ms-transform-origin: 0 0; -webkit-transform-origin: 0 0; transform-origin: 0 0; } html:not([dir="rtl"]) .noUi-horizontal .noUi-origin { left: auto; right: 0; } .noUi-vertical { min-height: 200px; } .noUi-vertical .noUi-origin { width: 0; } .noUi-horizontal .noUi-origin { height: 0; } .noUi-handle { position: absolute; outline: none !important; } .noUi-state-tap .noUi-connect, .noUi-state-tap .noUi-origin { -webkit-transition: transform 0.3s; transition: transform 0.3s; } .noUi-state-drag * { cursor: inherit !important; } .noUi-horizontal { height: 4px; } .noUi-horizontal .noUi-handle { width: 16px; height: 16px; left: -6px; top: -6px; border-radius: 100%; outline: none !important; } .noUi-vertical { width: 4px; } .noUi-vertical .noUi-handle { width: 16px; height: 16px; left: -6px; top: -6px; } html:not([dir="rtl"]) .noUi-horizontal .noUi-handle { right: -6px; left: auto; } .noUi-target { background-color: #e9ecef; border-radius: .25rem; } .noUi-connects { border-radius: .25rem; } .noUi-connect { background: #3f6ad8; } .noUi-draggable { cursor: ew-resize; } .noUi-vertical .noUi-draggable { cursor: ns-resize; } .noUi-handle { border: 2px solid #3f6ad8; border-radius: 100%; background: #fff; cursor: default; transition: box-shadow 200ms; } .noUi-active { border-color: #2248a8; box-shadow: 0 0.46875rem 2.1875rem rgba(63, 106, 216, 0.8), 0 0.125rem 0.5875rem rgba(63, 106, 216, 0.9); } .noUi-handle:before, .noUi-handle:after { display: none; } [disabled] .noUi-connect { background: #e9ecef; } [disabled].noUi-target, [disabled].noUi-handle, [disabled] .noUi-handle { cursor: not-allowed; } .noUi-pips, .noUi-pips * { -moz-box-sizing: border-box; box-sizing: border-box; } .noUi-pips { position: absolute; color: #dee2e6; } .noUi-value { position: absolute; white-space: nowrap; text-align: center; } .noUi-value-sub { color: #6c757d; font-size: 10px; } .noUi-marker { position: absolute; background: #ced4da; } .noUi-marker-sub { background: #dee2e6; } .noUi-marker-large { background: #dee2e6; } .noUi-pips-horizontal { padding: 10px 0; height: 80px; top: 100%; left: 0; width: 100%; } .noUi-value-horizontal { -webkit-transform: translate(-50%, 50%); transform: translate(-50%, 50%); } .noUi-rtl .noUi-value-horizontal { -webkit-transform: translate(50%, 50%); transform: translate(50%, 50%); } .noUi-marker-horizontal.noUi-marker { margin-left: -1px; width: 2px; height: 5px; } .noUi-marker-horizontal.noUi-marker-sub { height: 10px; } .noUi-marker-horizontal.noUi-marker-large { height: 15px; } .noUi-pips-vertical { padding: 0 10px; height: 100%; top: 0; left: 100%; } .noUi-value-vertical { -webkit-transform: translate(0, -50%); transform: translate(0, -50%, 0); padding-left: 25px; } .noUi-rtl .noUi-value-vertical { -webkit-transform: translate(0, 50%); transform: translate(0, 50%); } .noUi-marker-vertical.noUi-marker { width: 5px; height: 2px; margin-top: -1px; } .noUi-marker-vertical.noUi-marker-sub { width: 10px; } .noUi-marker-vertical.noUi-marker-large { width: 15px; } .noUi-tooltip { padding: 6px 0; color: #fff; text-align: center; text-decoration: none; background-color: #343a40; border-radius: 6px; box-shadow: 0 0 4px rgba(0, 0, 0, 0.17); min-width: 80px; font-weight: bold; white-space: nowrap; position: absolute; } .noUi-tooltip::after { position: absolute; content: ''; border-color: transparent; border-style: solid; bottom: -5px; margin-left: -5px; border-width: 5px 5px 0; left: 50%; border-top-color: #343a40; } .noUi-horizontal .noUi-tooltip { -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); left: 50%; bottom: 165%; } .noUi-vertical .noUi-tooltip { -webkit-transform: translate(0, -50%); transform: translate(0, -50%); top: 50%; right: 165%; } .range-slider-primary .noUi-handle { border: 2px solid #3f6ad8; border-radius: 100%; background: #fff; cursor: default; transition: box-shadow 200ms; } .range-slider-primary .noUi-connect { background: #3f6ad8; } .range-slider-primary .noUi-active { border-color: #2248a8; box-shadow: 0 0.46875rem 2.1875rem rgba(63, 106, 216, 0.8), 0 0.125rem 0.5875rem rgba(63, 106, 216, 0.9); } .range-slider-secondary .noUi-handle { border: 2px solid #6c757d; border-radius: 100%; background: #fff; cursor: default; transition: box-shadow 200ms; } .range-slider-secondary .noUi-connect { background: #6c757d; } .range-slider-secondary .noUi-active { border-color: #494f54; box-shadow: 0 0.46875rem 2.1875rem rgba(108, 117, 125, 0.8), 0 0.125rem 0.5875rem rgba(108, 117, 125, 0.9); } .range-slider-success .noUi-handle { border: 2px solid #3ac47d; border-radius: 100%; background: #fff; cursor: default; transition: box-shadow 200ms; } .range-slider-success .noUi-connect { background: #3ac47d; } .range-slider-success .noUi-active { border-color: #298957; box-shadow: 0 0.46875rem 2.1875rem rgba(58, 196, 125, 0.8), 0 0.125rem 0.5875rem rgba(58, 196, 125, 0.9); } .range-slider-info .noUi-handle { border: 2px solid #16aaff; border-radius: 100%; background: #fff; cursor: default; transition: box-shadow 200ms; } .range-slider-info .noUi-connect { background: #16aaff; } .range-slider-info .noUi-active { border-color: #007fc9; box-shadow: 0 0.46875rem 2.1875rem rgba(22, 170, 255, 0.8), 0 0.125rem 0.5875rem rgba(22, 170, 255, 0.9); } .range-slider-warning .noUi-handle { border: 2px solid #f7b924; border-radius: 100%; background: #fff; cursor: default; transition: box-shadow 200ms; } .range-slider-warning .noUi-connect { background: #f7b924; } .range-slider-warning .noUi-active { border-color: #c78f07; box-shadow: 0 0.46875rem 2.1875rem rgba(247, 185, 36, 0.8), 0 0.125rem 0.5875rem rgba(247, 185, 36, 0.9); } .range-slider-danger .noUi-handle { border: 2px solid #FF4961; border-radius: 100%; background: #fff; cursor: default; transition: box-shadow 200ms; } .range-slider-danger .noUi-connect { background: #FF4961; } .range-slider-danger .noUi-active { border-color: #981a38; box-shadow: 0 0.46875rem 2.1875rem rgba(217, 37, 80, 0.8), 0 0.125rem 0.5875rem rgba(217, 37, 80, 0.9); } .range-slider-light .noUi-handle { border: 2px solid #eee; border-radius: 100%; background: #fff; cursor: default; transition: box-shadow 200ms; } .range-slider-light .noUi-connect { background: #eee; } .range-slider-light .noUi-active { border-color: #c8c8c8; box-shadow: 0 0.46875rem 2.1875rem rgba(238, 238, 238, 0.8), 0 0.125rem 0.5875rem rgba(238, 238, 238, 0.9); } .range-slider-dark .noUi-handle { border: 2px solid #343a40; border-radius: 100%; background: #fff; cursor: default; transition: box-shadow 200ms; } .range-slider-dark .noUi-connect { background: #343a40; } .range-slider-dark .noUi-active { border-color: #121416; box-shadow: 0 0.46875rem 2.1875rem rgba(52, 58, 64, 0.8), 0 0.125rem 0.5875rem rgba(52, 58, 64, 0.9); } .range-slider-focus .noUi-handle { border: 2px solid #444054; border-radius: 100%; background: #fff; cursor: default; transition: box-shadow 200ms; } .range-slider-focus .noUi-connect { background: #444054; } .range-slider-focus .noUi-active { border-color: #211f29; box-shadow: 0 0.46875rem 2.1875rem rgba(68, 64, 84, 0.8), 0 0.125rem 0.5875rem rgba(68, 64, 84, 0.9); } .range-slider-alternate .noUi-handle { border: 2px solid #794c8a; border-radius: 100%; background: #fff; cursor: default; transition: box-shadow 200ms; } .range-slider-alternate .noUi-connect { background: #794c8a; } .range-slider-alternate .noUi-active { border-color: #4e3159; box-shadow: 0 0.46875rem 2.1875rem rgba(121, 76, 138, 0.8), 0 0.125rem 0.5875rem rgba(121, 76, 138, 0.9); } .select2-container { box-sizing: border-box; display: inline-block; margin: 0; position: relative; vertical-align: middle; } .select2-container .select2-selection--single { box-sizing: border-box; cursor: pointer; display: block; height: 28px; user-select: none; -webkit-user-select: none; } .select2-container .select2-selection--single .select2-selection__rendered { display: block; padding-left: 8px; padding-right: 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height:30px; } .select2-container .select2-selection--single .select2-selection__clear { position: relative; } .select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered { padding-right: 8px; padding-left: 20px; } .select2-container .select2-selection--multiple { box-sizing: border-box; cursor: pointer; display: block; min-height: 32px; user-select: none; -webkit-user-select: none; } .select2-container .select2-selection--multiple .select2-selection__rendered { display: inline-block; overflow: hidden; padding-left: 8px; text-overflow: ellipsis; white-space: nowrap; } .select2-container .select2-search--inline { float: left; } .select2-container .select2-search--inline .select2-search__field { box-sizing: border-box; border: none; font-size: 100%; margin-top: 5px; padding: 0; } .select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button { -webkit-appearance: none; } .select2-dropdown { background-color: white; border: 1px solid #aaa; border-radius: 4px; box-sizing: border-box; display: block; position: absolute; left: -100000px; width: 100%; z-index: 1051; } .select2-results { display: block; } .select2-results__options { list-style: none; margin: 0; padding: 0; } .select2-results__option { padding: 6px; user-select: none; -webkit-user-select: none; } .select2-results__option[aria-selected] { cursor: pointer; } .select2-container--open .select2-dropdown { left: 0; } .select2-container--open .select2-dropdown--above { border-bottom: none; border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .select2-container--open .select2-dropdown--below { border-top: none; border-top-left-radius: 0; border-top-right-radius: 0; } .select2-search--dropdown { display: block; padding: 4px; } .select2-search--dropdown .select2-search__field { padding: 4px; width: 100%; box-sizing: border-box; } .select2-search--dropdown .select2-search__field::-webkit-search-cancel-button { -webkit-appearance: none; } .select2-search--dropdown.select2-search--hide { display: none; } .select2-close-mask { border: 0; margin: 0; padding: 0; display: block; position: fixed; left: 0; top: 0; min-height: 100%; min-width: 100%; height: auto; width: auto; opacity: 0; z-index: 99; background-color: #fff; filter: alpha(opacity=0); } .select2-hidden-accessible { border: 0 !important; clip: rect(0 0 0 0) !important; -webkit-clip-path: inset(50%) !important; clip-path: inset(50%) !important; height: 1px !important; overflow: hidden !important; padding: 0 !important; position: absolute !important; width: 1px !important; white-space: nowrap !important; } .select2-container--bootstrap4 { display: block; } .select2-container--bootstrap4 .select2-selection { background-color: #fff; border: 1px solid #ced4da; border-radius: 0; color: #495057; font-size: .88rem; outline: 0; } .select2-container--bootstrap4 .select2-selection.form-control { border-radius: .25rem; } .select2-container--bootstrap4 .select2-search--dropdown .select2-search__field { background-color: #fff; border: 1px solid #ced4da; border-radius: .25rem; color: #495057; font-size: .88rem; } .select2-container--bootstrap4 .select2-search__field { outline: 0; } .select2-container--bootstrap4 .select2-search__field::-webkit-input-placeholder { color: #6c757d; } .select2-container--bootstrap4 .select2-search__field:-moz-placeholder { color: #6c757d; } .select2-container--bootstrap4 .select2-search__field::-moz-placeholder { color: #6c757d; opacity: 1; } .select2-container--bootstrap4 .select2-search__field:-ms-input-placeholder { color: #6c757d; } .select2-container--bootstrap4 .select2-results__option { padding: .75rem .375rem; font-size: .88rem; } .select2-container--bootstrap4 .select2-results__option[role=group] { padding: 0; } .select2-container--bootstrap4 .select2-results__option[aria-disabled=true] { color: #6c757d; cursor: not-allowed; } .select2-container--bootstrap4 .select2-results__option[aria-selected=true] { background-color: #e0f3ff; color: #16181b; } .select2-container--bootstrap4 .select2-results__option--highlighted[aria-selected] { background-color: #3f6ad8; color: #fff; } .select2-container--bootstrap4 .select2-results__option .select2-results__option { padding: .75rem .375rem; } .select2-container--bootstrap4 .select2-results__option .select2-results__option .select2-results__group { padding-left: 0; } .select2-container--bootstrap4 .select2-results__option .select2-results__option .select2-results__option { margin-left: -.375rem; padding-left: .75rem; } .select2-container--bootstrap4 .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left: -.75rem; padding-left: 1.125rem; } .select2-container--bootstrap4 .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left: -1.125rem; padding-left: 1.5rem; } .select2-container--bootstrap4 .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left: -1.5rem; padding-left: 1.875rem; } .select2-container--bootstrap4 .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left: -1.875rem; padding-left: 2.25rem; } .select2-container--bootstrap4 .select2-results__group { color: #6c757d; display: block; padding: .75rem .375rem; line-height: 1; white-space: nowrap; } .select2-container--bootstrap4.select2-container--focus .select2-selection, .select2-container--bootstrap4.select2-container--open .select2-selection { transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s !important; border-color: #a9bcee; } .select2-container--bootstrap4.select2-container--open .select2-selection .select2-selection__arrow b { border-color: transparent transparent #6c757d transparent; border-width: 0 .25rem .25rem .25rem; } .select2-container--bootstrap4.select2-container--open.select2-container--below .select2-selection { border-bottom-right-radius: 0; border-bottom-left-radius: 0; border-bottom-color: transparent; } .select2-container--bootstrap4.select2-container--open.select2-container--above .select2-selection { border-top-left-radius: 0; border-top-right-radius: 0; border-top-color: transparent; } .select2-container--bootstrap4 .select2-selection__clear { color: #6c757d; cursor: pointer; float: right; font-weight: bold; margin-right: 10px; } .select2-container--bootstrap4 .select2-selection__clear:hover { color: #343a40; } .select2-container--bootstrap4.select2-container--disabled .select2-selection { border-color: #ced4da; } .select2-container--bootstrap4.select2-container--disabled .select2-selection, .select2-container--bootstrap4.select2-container--disabled .select2-search__field { cursor: not-allowed; } .select2-container--bootstrap4.select2-container--disabled .select2-selection, .select2-container--bootstrap4.select2-container--disabled .select2-selection--multiple .select2-selection__choice { background-color: #e9ecef; } .select2-container--bootstrap4.select2-container--disabled .select2-selection__clear, .select2-container--bootstrap4.select2-container--disabled .select2-selection--multiple .select2-selection__choice__remove { display: none; } .select2-container--bootstrap4 .select2-dropdown { border-color: #a9bcee; border-width: 1px; overflow-x: hidden; margin-top: -1px; } .select2-container--bootstrap4 .select2-dropdown--above { margin-top: 1px; } .select2-container--bootstrap4 .select2-results > .select2-results__options { max-height: 200px; overflow-y: auto; } .select2-container--bootstrap4 .select2-selection--single { height: calc(2rem + 1px); line-height: 1; padding: 5px; } .select2-container--bootstrap4 .select2-selection--single .select2-selection__arrow { position: absolute; bottom: 0; right: .375rem; top: 0; width: .25rem; } .select2-container--bootstrap4 .select2-selection--single .select2-selection__arrow b { border-color: #6c757d transparent transparent transparent; border-style: solid; border-width: .25rem .25rem 0 .25rem; height: 0; left: 0; margin-left: -.25rem; margin-top: -.125rem; position: absolute; top: 50%; width: 0; } .select2-container--bootstrap4 .select2-selection--single .select2-selection__rendered { color: #495057; padding: 0; } .select2-container--bootstrap4 .select2-selection--single .select2-selection__placeholder { color: #6c757d; } .select2-container--bootstrap4 .select2-selection--multiple { min-height: calc(2.25rem + 2px); padding: 0; height: auto; } .select2-container--bootstrap4 .select2-selection--multiple .select2-selection__rendered { box-sizing: border-box; display: block; line-height: 1; list-style: none; margin: 0; overflow: hidden; padding: .375rem .375rem 0 .75rem; width: 100%; text-overflow: ellipsis; white-space: nowrap; } .select2-container--bootstrap4 .select2-selection--multiple .select2-selection__placeholder { color: #6c757d; float: left; margin-top: 5px; } .select2-container--bootstrap4 .select2-selection--multiple .select2-selection__choice { color: #495057; background: rgba(0, 0, 0, 0); border: 1px solid #343a40; border-radius: 0; cursor: default; float: left; margin: -.25rem 0 0 .1875rem; padding: 0 .75rem; } .select2-container--bootstrap4 .select2-selection--multiple .select2-search--inline .select2-search__field { background: transparent; padding: 0 .375rem; height: calc(2.25rem + 2px)-2; line-height: 1; margin-top: 0; min-width: 5em; } .select2-container--bootstrap4 .select2-selection--multiple .select2-selection__choice__remove { color: #6c757d; cursor: pointer; display: inline-block; font-weight: bold; margin-right: .375rem; } .select2-container--bootstrap4 .select2-selection--multiple .select2-selection__choice__remove:hover { color: #343a40; } .select2-container--bootstrap4 .select2-selection--multiple .select2-selection__clear { margin-top: .75rem; } .select2-container--bootstrap4 .select2-selection--single.input-sm, .input-group-sm .select2-container--bootstrap4 .select2-selection--single, .form-group-sm .select2-container--bootstrap4 .select2-selection--single { border-radius: 0; font-size: .875rem; height: calc(1.8125rem + 2px); line-height: 1; padding: .5rem 1rem .5rem .25rem; } .select2-container--bootstrap4 .select2-selection--single.input-sm .select2-selection__arrow b, .input-group-sm .select2-container--bootstrap4 .select2-selection--single .select2-selection__arrow b, .form-group-sm .select2-container--bootstrap4 .select2-selection--single .select2-selection__arrow b { margin-left: -.5rem; } .select2-container--bootstrap4 .select2-selection--multiple.input-sm, .input-group-sm .select2-container--bootstrap4 .select2-selection--multiple, .form-group-sm .select2-container--bootstrap4 .select2-selection--multiple { min-height: calc(1.8125rem + 2px); border-radius: 0; } .select2-container--bootstrap4 .select2-selection--multiple.input-sm .select2-selection__rendered, .input-group-sm .select2-container--bootstrap4 .select2-selection--multiple .select2-selection__rendered, .form-group-sm .select2-container--bootstrap4 .select2-selection--multiple .select2-selection__rendered { padding: .5rem .25rem 0 .5rem; } .select2-container--bootstrap4 .select2-selection--multiple.input-sm .select2-selection__choice, .input-group-sm .select2-container--bootstrap4 .select2-selection--multiple .select2-selection__choice, .form-group-sm .select2-container--bootstrap4 .select2-selection--multiple .select2-selection__choice { font-size: .875rem; line-height: 1; margin: 0 0 0 .125rem; padding: 0 .5rem; } .select2-container--bootstrap4 .select2-selection--multiple.input-sm .select2-search--inline .select2-search__field, .input-group-sm .select2-container--bootstrap4 .select2-selection--multiple .select2-search--inline .select2-search__field, .form-group-sm .select2-container--bootstrap4 .select2-selection--multiple .select2-search--inline .select2-search__field { padding: 0 .25rem; font-size: .875rem; height: calc(1.8125rem + 2px)-2; line-height: 1; } .select2-container--bootstrap4 .select2-selection--multiple.input-sm .select2-selection__clear, .input-group-sm .select2-container--bootstrap4 .select2-selection--multiple .select2-selection__clear, .form-group-sm .select2-container--bootstrap4 .select2-selection--multiple .select2-selection__clear { margin-top: .5rem; } .select2-container--bootstrap4 .select2-selection--single.input-lg, .input-group-lg .select2-container--bootstrap4 .select2-selection--single, .form-group-lg .select2-container--bootstrap4 .select2-selection--single { border-radius: .3rem; font-size: 1.1rem; height: calc(2.875rem + 2px); line-height: 1; padding: 1rem 1.4375rem 1rem .5rem; } .select2-container--bootstrap4 .select2-selection--single.input-lg .select2-selection__arrow, .input-group-lg .select2-container--bootstrap4 .select2-selection--single .select2-selection__arrow, .form-group-lg .select2-container--bootstrap4 .select2-selection--single .select2-selection__arrow { width: .3125rem; } .select2-container--bootstrap4 .select2-selection--single.input-lg .select2-selection__arrow b, .input-group-lg .select2-container--bootstrap4 .select2-selection--single .select2-selection__arrow b, .form-group-lg .select2-container--bootstrap4 .select2-selection--single .select2-selection__arrow b { border-width: .3125rem .3125rem 0 .3125rem; margin-left: -.3125rem; margin-left: -1rem; margin-top: -.15625rem; } .select2-container--bootstrap4 .select2-selection--multiple.input-lg, .input-group-lg .select2-container--bootstrap4 .select2-selection--multiple, .form-group-lg .select2-container--bootstrap4 .select2-selection--multiple { min-height: calc(2.875rem + 2px); border-radius: .3rem; } .select2-container--bootstrap4 .select2-selection--multiple.input-lg .select2-selection__choice, .input-group-lg .select2-container--bootstrap4 .select2-selection--multiple .select2-selection__choice, .form-group-lg .select2-container--bootstrap4 .select2-selection--multiple .select2-selection__choice { font-size: 1.1rem; line-height: 1; border-radius: .25rem; margin: 0rem 0 0 .25rem; padding: 0 1rem; } .select2-container--bootstrap4 .select2-selection--multiple.input-lg .select2-search--inline .select2-search__field, .input-group-lg .select2-container--bootstrap4 .select2-selection--multiple .select2-search--inline .select2-search__field, .form-group-lg .select2-container--bootstrap4 .select2-selection--multiple .select2-search--inline .select2-search__field { padding: 0 .5rem; font-size: 1.1rem; height: calc(2.875rem + 2px)-2; line-height: 1; } .select2-container--bootstrap4 .select2-selection--multiple.input-lg .select2-selection__clear, .input-group-lg .select2-container--bootstrap4 .select2-selection--multiple .select2-selection__clear, .form-group-lg .select2-container--bootstrap4 .select2-selection--multiple .select2-selection__clear { margin-top: 1rem; } .select2-container--bootstrap4 .select2-selection.input-lg.select2-container--open .select2-selection--single .select2-selection__arrow b { border-color: transparent transparent #6c757d transparent; border-width: 0 .3125rem .3125rem .3125rem; } .input-group-lg .select2-container--bootstrap4 .select2-selection.select2-container--open .select2-selection--single .select2-selection__arrow b { border-color: transparent transparent #6c757d transparent; border-width: 0 .3125rem .3125rem .3125rem; } .select2-container--bootstrap4[dir="rtl"] .select2-selection--single { padding-left: 1.125rem; padding-right: .375rem; } .select2-container--bootstrap4[dir="rtl"] .select2-selection--single .select2-selection__rendered { padding-right: 0; padding-left: 0; text-align: right; } .select2-container--bootstrap4[dir="rtl"] .select2-selection--single .select2-selection__clear { float: left; } .select2-container--bootstrap4[dir="rtl"] .select2-selection--single .select2-selection__arrow { left: .375rem; right: auto; } .select2-container--bootstrap4[dir="rtl"] .select2-selection--single .select2-selection__arrow b { margin-left: 0; } .select2-container--bootstrap4[dir="rtl"] .select2-selection--multiple .select2-selection__choice, .select2-container--bootstrap4[dir="rtl"] .select2-selection--multiple .select2-selection__placeholder, .select2-container--bootstrap4[dir="rtl"] .select2-selection--multiple .select2-search--inline { float: right; } .select2-container--bootstrap4[dir="rtl"] .select2-selection--multiple .select2-selection__choice { margin-left: 0; margin-right: .1875rem; } .select2-container--bootstrap4[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove { margin-left: 2px; margin-right: auto; } .has-warning .select2-dropdown, .has-warning .select2-selection { border-color: #f7b924; } .has-warning .select2-container--focus .select2-selection, .has-warning .select2-container--open .select2-selection { border-color: #e0a008; } .has-warning.select2-drop-active { border-color: #e0a008; } .has-warning.select2-drop-active.select2-drop.select2-drop-above { border-top-color: #e0a008; } .has-error .select2-dropdown, .has-error .select2-selection { border-color: #FF4961; } .has-error .select2-container--focus .select2-selection, .has-error .select2-container--open .select2-selection { border-color: #ad1e40; } .has-error.select2-drop-active { border-color: #ad1e40; } .has-error.select2-drop-active.select2-drop.select2-drop-above { border-top-color: #ad1e40; } .has-success .select2-dropdown, .has-success .select2-selection { border-color: #3ac47d; } .has-success .select2-container--focus .select2-selection, .has-success .select2-container--open .select2-selection { border-color: #2e9d64; } .has-success.select2-drop-active { border-color: #2e9d64; } .has-success.select2-drop-active.select2-drop.select2-drop-above { border-top-color: #2e9d64; } .input-group > .select2-hidden-accessible:first-child + .select2-container--bootstrap4 > .selection > .select2-selection, .input-group > .select2-hidden-accessible:first-child + .select2-container--bootstrap4 > .selection > .select2-selection.form-control { border-top-right-radius: 0; border-bottom-right-radius: 0; } .input-group > .select2-hidden-accessible:not(:first-child) + .select2-container--bootstrap4:not(:last-child) > .selection > .select2-selection, .input-group > .select2-hidden-accessible:not(:first-child) + .select2-container--bootstrap4:not(:last-child) > .selection > .select2-selection.form-control { border-radius: 0; } .input-group > .select2-hidden-accessible:not(:first-child):not(:last-child) + .select2-container--bootstrap4:last-child > .selection > .select2-selection, .input-group > .select2-hidden-accessible:not(:first-child):not(:last-child) + .select2-container--bootstrap4:last-child > .selection > .select2-selection.form-control { border-top-left-radius: 0; border-bottom-left-radius: 0; } .input-group > .select2-container--bootstrap4 { display: table; table-layout: fixed; position: relative; z-index: 2; width: 100%; margin-bottom: 0; } .input-group > .select2-container--bootstrap4 > .selection > .select2-selection.form-control { float: none; } .input-group > .select2-container--bootstrap4.select2-container--open, .input-group > .select2-container--bootstrap4.select2-container--focus { z-index: 3; } .input-group > .select2-container--bootstrap4, .input-group > .select2-container--bootstrap4 .input-group-btn, .input-group > .select2-container--bootstrap4 .input-group-btn .btn { vertical-align: top; } .form-control.select2-hidden-accessible { position: absolute !important; width: 1px !important; } @media (min-width: 576px) { .form-inline .select2-container--bootstrap4 { display: inline-block; } } .select2-container--open .select2-dropdown { font-size: .88rem; color: #495057; text-align: left; list-style: none; background-color: #fff; background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.15); border-bottom-right-radius: .25rem; border-bottom-left-radius: .25rem; box-shadow: 0 0.46875rem 2.1875rem rgba(4, 9, 20, 0.03), 0 0.9375rem 1.40625rem rgba(4, 9, 20, 0.03), 0 0.25rem 0.53125rem rgba(4, 9, 20, 0.05), 0 0.125rem 0.1875rem rgba(4, 9, 20, 0.03); } .select2-container--bootstrap4 .select2-selection--multiple .select2-selection__choice { display: inline-table; color: #212529; padding: 5px .35em 5px .35em; margin-left: calc(calc(2.25rem + 2px)/5 - 1px); margin-top: 0; border-radius: .2rem; background-color: #e0f3ff; border: 1px solid #94d5ff; cursor: default; vertical-align: top; text-align: center; overflow: hidden; max-width: 100%; } .select2-container--bootstrap4 .select2-selection--multiple .select2-selection__rendered { padding-top: 0.3rem; padding-left: 0; } .select2-container--bootstrap4 .select2-selection--multiple .select2-search__field { padding-top: 0.28rem !important; } span.multiselect-native-select { position: relative; } span.multiselect-native-select select { border: 0 !important; clip: rect(0 0 0 0) !important; height: 1px !important; margin: -1px -1px -1px -3px !important; overflow: hidden !important; padding: 0 !important; position: absolute !important; width: 1px !important; left: 50%; top: 30px; } .multiselect-container { position: absolute; list-style-type: none; } .multiselect-container .input-group { margin: 5px; } .multiselect-container .multiselect-reset .input-group { width: 93%; } .multiselect-container > li { padding: 0; } .multiselect-container > li > a.multiselect-all label { font-weight: bold; } .multiselect-container > li label { margin: 0; padding: .5rem 1rem; height: 100%; display: block; } .multiselect-container > li.multiselect-group-clickable label { cursor: pointer; } .multiselect-container > li.active > a:hover, .multiselect-container > li.active > a { background: #e0f3ff; color: #16181b; } .multiselect-container > li.active > a:hover label, .multiselect-container > li.active > a label { font-weight: bold; } .multiselect-container > li > a { padding: 0; display: block; cursor: pointer; text-decoration: none; color: #212529; } .multiselect-container > li > a:hover { background: #e0f3ff; color: #16181b; } .multiselect-container > li > a > label { margin: 0; height: 100%; cursor: pointer; font-weight: normal; padding: .5rem 1rem; } .multiselect-container > li > a > label.radio, .multiselect-container > li > a > label.checkbox { margin: 0; } .multiselect-container > li > a > label > input { margin: -4px 5px 0 0; } .multiselect-container > li.multiselect-group label { text-transform: uppercase; font-size: .73333rem; color: #3f6ad8; font-weight: bold; } .btn-group > .btn-group:nth-child(2) > .multiselect.btn { border-top-left-radius: .25rem; border-bottom-left-radius: .25rem; } .form-inline .multiselect-container label.checkbox, .form-inline .multiselect-container label.radio { padding: 3px 20px 3px 40px; } .form-inline .multiselect-container li a label.checkbox input[type="checkbox"], .form-inline .multiselect-container li a label.radio input[type="radio"] { margin-left: -20px; margin-right: 0; } .rdw-option-wrapper { border: 1px solid #F1F1F1; padding: 5px; min-width: 25px; height: 20px; border-radius: 2px; margin: 0 4px; display: flex; justify-content: center; align-items: center; cursor: pointer; background: white; text-transform: capitalize; } .rdw-option-wrapper:hover { box-shadow: 1px 1px 0px #BFBDBD; } .rdw-option-wrapper:active { box-shadow: 1px 1px 0px #BFBDBD inset; } .rdw-option-active { box-shadow: 1px 1px 0px #BFBDBD inset; } .rdw-option-disabled { opacity: 0.3; cursor: default; } .rdw-dropdown-wrapper { height: 30px; background: white; cursor: pointer; border: 1px solid #F1F1F1; border-radius: 2px; margin: 0 3px; text-transform: capitalize; background: white; } .rdw-dropdown-wrapper:focus { outline: none; } .rdw-dropdown-wrapper:hover { box-shadow: 1px 1px 0px #BFBDBD; background-color: #FFFFFF; } .rdw-dropdown-wrapper:active { box-shadow: 1px 1px 0px #BFBDBD inset; } .rdw-dropdown-carettoopen { height: 0px; width: 0px; position: absolute; top: 35%; right: 10%; border-top: 6px solid black; border-left: 5px solid transparent; border-right: 5px solid transparent; } .rdw-dropdown-carettoclose { height: 0px; width: 0px; position: absolute; top: 35%; right: 10%; border-bottom: 6px solid black; border-left: 5px solid transparent; border-right: 5px solid transparent; } .rdw-dropdown-selectedtext { display: flex; position: relative; height: 100%; align-items: center; padding: 0 5px; } .rdw-dropdown-optionwrapper { z-index: 100; position: relative; border: 1px solid #F1F1F1; width: 98%; background: white; border-radius: 2px; margin: 0; padding: 0; max-height: 250px; overflow-y: scroll; } .rdw-dropdown-optionwrapper:hover { box-shadow: 1px 1px 0px #BFBDBD; background-color: #FFFFFF; } .rdw-dropdownoption-default { min-height: 25px; display: flex; align-items: center; padding: 0 5px; } .rdw-dropdownoption-highlighted { background: #F1F1F1; } .rdw-dropdownoption-active { background: #f5f5f5; } .rdw-dropdownoption-disabled { opacity: 0.3; cursor: default; } .rdw-inline-wrapper { display: flex; align-items: center; margin-bottom: 6px; } .rdw-inline-dropdown { width: 50px; } .rdw-inline-dropdownoption { height: 40px; display: flex; justify-content: center; } .rdw-block-wrapper { display: flex; align-items: center; margin-bottom: 6px; } .rdw-block-dropdown { width: 110px; } .rdw-fontsize-wrapper { display: flex; align-items: center; margin-bottom: 6px; } .rdw-fontsize-dropdown { min-width: 40px; } .rdw-fontsize-option { display: flex; justify-content: center; } .rdw-fontfamily-wrapper { display: flex; align-items: center; margin-bottom: 6px; } .rdw-fontfamily-dropdown { width: 115px; } .rdw-fontfamily-placeholder { white-space: nowrap; max-width: 90px; overflow: hidden; text-overflow: ellipsis; } .rdw-fontfamily-optionwrapper { width: 140px; } .rdw-list-wrapper { display: flex; align-items: center; margin-bottom: 6px; } .rdw-list-dropdown { width: 50px; z-index: 90; } .rdw-list-dropdownOption { height: 40px; display: flex; justify-content: center; } .rdw-text-align-wrapper { display: flex; align-items: center; margin-bottom: 6px; } .rdw-text-align-dropdown { width: 50px; z-index: 90; } .rdw-text-align-dropdownOption { height: 40px; display: flex; justify-content: center; } .rdw-right-aligned-block { text-align: right; } .rdw-left-aligned-block { text-align: left !important; } .rdw-center-aligned-block { text-align: center !important; } .rdw-justify-aligned-block { text-align: justify !important; } .rdw-right-aligned-block > div { display: inline-block; } .rdw-left-aligned-block > div { display: inline-block; } .rdw-center-aligned-block > div { display: inline-block; } .rdw-justify-aligned-block > div { display: inline-block; } .rdw-colorpicker-wrapper { display: flex; align-items: center; margin-bottom: 6px; position: relative; } .rdw-colorpicker-modal { position: absolute; top: 35px; left: 5px; display: flex; flex-direction: column; width: 175px; height: 175px; border: 1px solid #F1F1F1; padding: 15px; border-radius: 2px; z-index: 100; background: white; box-shadow: 3px 3px 5px #BFBDBD; } .rdw-colorpicker-modal-header { display: flex; padding-bottom: 5px; } .rdw-colorpicker-modal-style-label { font-size: 15px; width: 50%; text-align: center; cursor: pointer; padding: 0 10px 5px; } .rdw-colorpicker-modal-style-label-active { border-bottom: 2px solid #0a66b7; } .rdw-colorpicker-modal-options { margin: 5px auto; display: flex; width: 100%; height: 100%; flex-wrap: wrap; overflow: scroll; } .rdw-colorpicker-cube { width: 22px; height: 22px; border: 1px solid #F1F1F1; } .rdw-colorpicker-option { margin: 3px; padding: 0; min-height: 20px; border: none; width: 22px; height: 22px; min-width: 22px; box-shadow: 1px 2px 1px #BFBDBD inset; } .rdw-colorpicker-option:hover { box-shadow: 1px 2px 1px #BFBDBD; } .rdw-colorpicker-option:active { box-shadow: -1px -2px 1px #BFBDBD; } .rdw-colorpicker-option-active { box-shadow: 0px 0px 2px 2px #BFBDBD; } .rdw-link-wrapper { display: flex; align-items: center; margin-bottom: 6px; position: relative; } .rdw-link-dropdown { width: 50px; } .rdw-link-dropdownOption { height: 40px; display: flex; justify-content: center; } .rdw-link-dropdownPlaceholder { margin-left: 8px; } .rdw-link-modal { position: absolute; top: 35px; left: 5px; display: flex; flex-direction: column; width: 235px; height: 205px; border: 1px solid #F1F1F1; padding: 15px; border-radius: 2px; z-index: 100; background: white; box-shadow: 3px 3px 5px #BFBDBD; } .rdw-link-modal-label { font-size: 15px; } .rdw-link-modal-input { margin-top: 5px; border-radius: 2px; border: 1px solid #F1F1F1; height: 25px; margin-bottom: 15px; padding: 0 5px; } .rdw-link-modal-input:focus { outline: none; } .rdw-link-modal-buttonsection { margin: 0 auto; } .rdw-link-modal-target-option { margin-bottom: 20px; } .rdw-link-modal-target-option > span { margin-left: 5px; } .rdw-link-modal-btn { margin-left: 10px; width: 75px; height: 30px; border: 1px solid #F1F1F1; border-radius: 2px; cursor: pointer; background: white; text-transform: capitalize; } .rdw-link-modal-btn:hover { box-shadow: 1px 1px 0px #BFBDBD; } .rdw-link-modal-btn:active { box-shadow: 1px 1px 0px #BFBDBD inset; } .rdw-link-modal-btn:focus { outline: none !important; } .rdw-link-modal-btn:disabled { background: #ece9e9; } .rdw-link-dropdownoption { height: 40px; display: flex; justify-content: center; } .rdw-history-dropdown { width: 50px; } .rdw-embedded-wrapper { display: flex; align-items: center; margin-bottom: 6px; position: relative; } .rdw-embedded-modal { position: absolute; top: 35px; left: 5px; display: flex; flex-direction: column; width: 235px; height: 180px; border: 1px solid #F1F1F1; padding: 15px; border-radius: 2px; z-index: 100; background: white; justify-content: space-between; box-shadow: 3px 3px 5px #BFBDBD; } .rdw-embedded-modal-header { font-size: 15px; display: flex; } .rdw-embedded-modal-header-option { width: 50%; cursor: pointer; display: flex; justify-content: center; align-items: center; flex-direction: column; } .rdw-embedded-modal-header-label { width: 95px; border: 1px solid #f1f1f1; margin-top: 5px; background: #6EB8D4; border-bottom: 2px solid #0a66b7; } .rdw-embedded-modal-link-section { display: flex; flex-direction: column; } .rdw-embedded-modal-link-input { width: 88%; height: 35px; margin: 10px 0; border: 1px solid #F1F1F1; border-radius: 2px; font-size: 15px; padding: 0 5px; } .rdw-embedded-modal-link-input-wrapper { display: flex; align-items: center; } .rdw-embedded-modal-link-input:focus { outline: none; } .rdw-embedded-modal-btn-section { display: flex; justify-content: center; } .rdw-embedded-modal-btn { margin: 0 3px; width: 75px; height: 30px; border: 1px solid #F1F1F1; border-radius: 2px; cursor: pointer; background: white; text-transform: capitalize; } .rdw-embedded-modal-btn:hover { box-shadow: 1px 1px 0px #BFBDBD; } .rdw-embedded-modal-btn:active { box-shadow: 1px 1px 0px #BFBDBD inset; } .rdw-embedded-modal-btn:focus { outline: none !important; } .rdw-embedded-modal-btn:disabled { background: #ece9e9; } .rdw-embedded-modal-size { align-items: center; display: flex; margin: 8px 0; justify-content: space-between; } .rdw-embedded-modal-size-input { width: 80%; height: 20px; border: 1px solid #F1F1F1; border-radius: 2px; font-size: 12px; } .rdw-embedded-modal-size-input:focus { outline: none; } .rdw-emoji-wrapper { display: flex; align-items: center; margin-bottom: 6px; position: relative; } .rdw-emoji-modal { overflow: auto; position: absolute; top: 35px; left: 5px; display: flex; flex-wrap: wrap; width: 235px; height: 180px; border: 1px solid #F1F1F1; padding: 15px; border-radius: 2px; z-index: 100; background: white; box-shadow: 3px 3px 5px #BFBDBD; } .rdw-emoji-icon { margin: 2.5px; height: 24px; width: 24px; cursor: pointer; font-size: 22px; display: flex; justify-content: center; align-items: center; } .rdw-spinner { display: flex; align-items: center; justify-content: center; height: 100%; width: 100%; } .rdw-spinner > div { width: 12px; height: 12px; background-color: #333; border-radius: 100%; display: inline-block; -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both; animation: sk-bouncedelay 1.4s infinite ease-in-out both; } .rdw-spinner .rdw-bounce1 { -webkit-animation-delay: -0.32s; animation-delay: -0.32s; } .rdw-spinner .rdw-bounce2 { -webkit-animation-delay: -0.16s; animation-delay: -0.16s; } @-webkit-keyframes sk-bouncedelay { 0%, 80%, 100% { -webkit-transform: scale(0); } 40% { -webkit-transform: scale(1); } } @keyframes sk-bouncedelay { 0%, 80%, 100% { -webkit-transform: scale(0); transform: scale(0); } 40% { -webkit-transform: scale(1); transform: scale(1); } } .rdw-image-wrapper { display: flex; align-items: center; margin-bottom: 6px; position: relative; } .rdw-image-modal { position: absolute; top: 35px; left: 5px; display: flex; flex-direction: column; width: 235px; border: 1px solid #F1F1F1; padding: 15px; border-radius: 2px; z-index: 100; background: white; box-shadow: 3px 3px 5px #BFBDBD; } .rdw-image-modal-header { font-size: 15px; margin: 10px 0; display: flex; } .rdw-image-modal-header-option { width: 50%; cursor: pointer; display: flex; justify-content: center; align-items: center; flex-direction: column; } .rdw-image-modal-header-label { width: 80px; background: #f1f1f1; border: 1px solid #f1f1f1; margin-top: 5px; } .rdw-image-modal-header-label-highlighted { background: #6EB8D4; border-bottom: 2px solid #0a66b7; } .rdw-image-modal-upload-option { width: 100%; color: gray; cursor: pointer; display: flex; border: none; font-size: 15px; align-items: center; justify-content: center; background-color: #f1f1f1; outline: 2px dashed gray; outline-offset: -10px; margin: 10px 0; padding: 9px 0; } .rdw-image-modal-upload-option-highlighted { outline: 2px dashed #0a66b7; } .rdw-image-modal-upload-option-label { cursor: pointer; height: 100%; width: 100%; display: flex; justify-content: center; align-items: center; padding: 15px; } .rdw-image-modal-upload-option-label span { padding: 0 20px; } .rdw-image-modal-upload-option-image-preview { max-width: 100%; max-height: 200px; } .rdw-image-modal-upload-option-input { width: 0.1px; height: 0.1px; opacity: 0; overflow: hidden; position: absolute; z-index: -1; } .rdw-image-modal-url-section { display: flex; align-items: center; } .rdw-image-modal-url-input { width: 90%; height: 35px; margin: 15px 0 12px; border: 1px solid #F1F1F1; border-radius: 2px; font-size: 15px; padding: 0 5px; } .rdw-image-modal-btn-section { margin: 10px auto 0; } .rdw-image-modal-url-input:focus { outline: none; } .rdw-image-modal-btn { margin: 0 5px; width: 75px; height: 30px; border: 1px solid #F1F1F1; border-radius: 2px; cursor: pointer; background: white; text-transform: capitalize; } .rdw-image-modal-btn:hover { box-shadow: 1px 1px 0px #BFBDBD; } .rdw-image-modal-btn:active { box-shadow: 1px 1px 0px #BFBDBD inset; } .rdw-image-modal-btn:focus { outline: none !important; } .rdw-image-modal-btn:disabled { background: #ece9e9; } .rdw-image-modal-spinner { position: absolute; top: -3px; left: 0; width: 100%; height: 100%; opacity: 0.5; } .rdw-image-modal-alt-input { width: 70%; height: 20px; border: 1px solid #F1F1F1; border-radius: 2px; font-size: 12px; margin-left: 5px; } .rdw-image-modal-alt-input:focus { outline: none; } .rdw-image-modal-alt-lbl { font-size: 12px; } .rdw-image-modal-size { align-items: center; display: flex; margin: 8px 0; justify-content: space-between; } .rdw-image-modal-size-input { width: 40%; height: 20px; border: 1px solid #F1F1F1; border-radius: 2px; font-size: 12px; } .rdw-image-modal-size-input:focus { outline: none; } .rdw-image-mandatory-sign { color: red; margin-left: 3px; margin-right: 3px; } .rdw-remove-wrapper { display: flex; align-items: center; margin-bottom: 6px; position: relative; } .rdw-history-wrapper { display: flex; align-items: center; margin-bottom: 6px; } .rdw-history-dropdownoption { height: 40px; display: flex; justify-content: center; } .rdw-history-dropdown { width: 50px; } .rdw-link-decorator-wrapper { position: relative; } .rdw-link-decorator-icon { position: absolute; left: 40%; top: 0; cursor: pointer; background-color: white; } .rdw-mention-link { text-decoration: none; color: #1236ff; background-color: #f0fbff; padding: 1px 2px; border-radius: 2px; } .rdw-suggestion-wrapper { position: relative; } .rdw-suggestion-dropdown { position: absolute; display: flex; flex-direction: column; border: 1px solid #F1F1F1; min-width: 100px; max-height: 150px; overflow: auto; background: white; z-index: 100; } .rdw-suggestion-option { padding: 7px 5px; border-bottom: 1px solid #f1f1f1; } .rdw-suggestion-option-active { background-color: #F1F1F1; } .rdw-hashtag-link { text-decoration: none; color: #1236ff; background-color: #f0fbff; padding: 1px 2px; border-radius: 2px; } .rdw-image-alignment-options-popup { position: absolute; background: white; display: flex; padding: 5px 2px; border-radius: 2px; border: 1px solid #F1F1F1; width: 105px; cursor: pointer; z-index: 100; } .rdw-alignment-option-left { justify-content: flex-start; } .rdw-image-alignment-option { height: 15px; width: 15px; min-width: 15px; } .rdw-image-alignment { position: relative; } .rdw-image-imagewrapper { position: relative; } .rdw-image-center { display: flex; justify-content: center; } .rdw-image-left { display: flex; } .rdw-image-right { display: flex; justify-content: flex-end; } .rdw-image-alignment-options-popup-right { right: 0; } .rdw-editor-main { height: 100%; overflow: auto; box-sizing: border-box; } .rdw-editor-toolbar { padding: 6px 5px 0; border-radius: 2px; border: 1px solid #F1F1F1; display: flex; justify-content: flex-start; background: white; flex-wrap: wrap; font-size: 15px; margin-bottom: 5px; user-select: none; } .public-DraftStyleDefault-block { margin: 1em 0; } .rdw-editor-wrapper:focus { outline: none; } .rdw-editor-wrapper { box-sizing: content-box; } .rdw-editor-main blockquote { border-left: 5px solid #f1f1f1; padding-left: 5px; } .rdw-editor-main pre { background: #f1f1f1; border-radius: 3px; padding: 1px 10px; } .DraftEditor-editorContainer, .DraftEditor-root, .public-DraftEditor-content { height: inherit; text-align: initial; } .public-DraftEditor-content[contenteditable=true] { -webkit-user-modify: read-write-plaintext-only; } .DraftEditor-root { position: relative; } .DraftEditor-editorContainer { background-color: rgba(255, 255, 255, 0); border-left: .1px solid transparent; position: relative; z-index: 1; } .public-DraftEditor-block { position: relative; } .DraftEditor-alignLeft .public-DraftStyleDefault-block { text-align: left; } .DraftEditor-alignLeft .public-DraftEditorPlaceholder-root { left: 0; text-align: left; } .DraftEditor-alignCenter .public-DraftStyleDefault-block { text-align: center; } .DraftEditor-alignCenter .public-DraftEditorPlaceholder-root { margin: 0 auto; text-align: center; width: 100%; } .DraftEditor-alignRight .public-DraftStyleDefault-block { text-align: right; } .DraftEditor-alignRight .public-DraftEditorPlaceholder-root { right: 0; text-align: right; } .public-DraftEditorPlaceholder-root { color: #9197a3; position: absolute; z-index: 0; } .public-DraftEditorPlaceholder-hasFocus { color: #bdc1c9; } .DraftEditorPlaceholder-hidden { display: none; } .public-DraftStyleDefault-block { position: relative; white-space: pre-wrap; } .public-DraftStyleDefault-ltr { direction: ltr; text-align: left; } .public-DraftStyleDefault-rtl { direction: rtl; text-align: right; } .public-DraftStyleDefault-listLTR { direction: ltr; } .public-DraftStyleDefault-listRTL { direction: rtl; } .public-DraftStyleDefault-ol, .public-DraftStyleDefault-ul { margin: 16px 0; padding: 0; } .public-DraftStyleDefault-depth0.public-DraftStyleDefault-listLTR { margin-left: 1.5em; } .public-DraftStyleDefault-depth0.public-DraftStyleDefault-listRTL { margin-right: 1.5em; } .public-DraftStyleDefault-depth1.public-DraftStyleDefault-listLTR { margin-left: 3em; } .public-DraftStyleDefault-depth1.public-DraftStyleDefault-listRTL { margin-right: 3em; } .public-DraftStyleDefault-depth2.public-DraftStyleDefault-listLTR { margin-left: 4.5em; } .public-DraftStyleDefault-depth2.public-DraftStyleDefault-listRTL { margin-right: 4.5em; } .public-DraftStyleDefault-depth3.public-DraftStyleDefault-listLTR { margin-left: 6em; } .public-DraftStyleDefault-depth3.public-DraftStyleDefault-listRTL { margin-right: 6em; } .public-DraftStyleDefault-depth4.public-DraftStyleDefault-listLTR { margin-left: 7.5em; } .public-DraftStyleDefault-depth4.public-DraftStyleDefault-listRTL { margin-right: 7.5em; } .public-DraftStyleDefault-unorderedListItem { list-style-type: square; position: relative; } .public-DraftStyleDefault-unorderedListItem.public-DraftStyleDefault-depth0 { list-style-type: disc; } .public-DraftStyleDefault-unorderedListItem.public-DraftStyleDefault-depth1 { list-style-type: circle; } .public-DraftStyleDefault-orderedListItem { list-style-type: none; position: relative; } .public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-listLTR:before { left: -36px; position: absolute; text-align: right; width: 30px; } .public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-listRTL:before { position: absolute; right: -36px; text-align: left; width: 30px; } .public-DraftStyleDefault-orderedListItem:before { content: counter(ol0) ". "; counter-increment: ol0; } .public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth1:before { content: counter(ol1) ". "; counter-increment: ol1; } .public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth2:before { content: counter(ol2) ". "; counter-increment: ol2; } .public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth3:before { content: counter(ol3) ". "; counter-increment: ol3; } .public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth4:before { content: counter(ol4) ". "; counter-increment: ol4; } .public-DraftStyleDefault-depth0.public-DraftStyleDefault-reset { counter-reset: ol0; } .public-DraftStyleDefault-depth1.public-DraftStyleDefault-reset { counter-reset: ol1; } .public-DraftStyleDefault-depth2.public-DraftStyleDefault-reset { counter-reset: ol2; } .public-DraftStyleDefault-depth3.public-DraftStyleDefault-reset { counter-reset: ol3; } .public-DraftStyleDefault-depth4.public-DraftStyleDefault-reset { counter-reset: ol4; } .demo-editor { height: 275px !important; border: 1px solid #F1F1F1 !important; padding: 5px !important; border-radius: 2px !important; } .btn-group-xs > .btn, .btn-xs { padding: .35rem .4rem .25rem .4rem; font-size: .875rem; line-height: .5; border-radius: .2rem; } .checkbox label .toggle, .checkbox-inline .toggle { margin-left: -20px; margin-right: 5px; } .toggle { position: relative; overflow: hidden; border-color: rgba(0, 0, 0, 0.2); } .toggle input[type="checkbox"] { display: none; } .toggle-group { position: absolute; width: 200%; top: 0; bottom: 0; left: 0; transition: left 0.35s; -webkit-transition: left 0.35s; -moz-user-select: none; -webkit-user-select: none; } .toggle.off .toggle-group { left: -100%; } .toggle-on { position: absolute; top: 0; bottom: 0; left: 0; right: 50%; margin: 0; border: 0; border-radius: 0; } .toggle-off { position: absolute; top: 0; bottom: 0; left: 50%; right: 0; margin: 0; border: 0; border-radius: 0; box-shadow: none; } .toggle-handle { position: relative; margin: 0 auto; padding-top: 0px; padding-bottom: 0px; height: 100%; width: 0px; border-width: 0; background-color: #fff; } .toggle.btn { min-width: 59px; min-height: 34px; } .toggle-on.btn { padding-right: 24px; } .toggle-off.btn { padding-left: 24px; } .toggle.btn-lg, .btn-group-lg > .toggle.btn { min-width: 79px; min-height: 45px; } .toggle-on.btn-lg, .btn-group-lg > .toggle-on.btn { padding-right: 31px; } .toggle-off.btn-lg, .btn-group-lg > .toggle-off.btn { padding-left: 31px; } .toggle-handle.btn-lg, .btn-group-lg > .toggle-handle.btn { width: 40px; } .toggle.btn-sm, .btn-group-sm > .toggle.btn { min-width: 50px; min-height: 30px; } .toggle-on.btn-sm, .btn-group-sm > .toggle-on.btn { padding-right: 20px; } .toggle-off.btn-sm, .btn-group-sm > .toggle-off.btn { padding-left: 20px; } .toggle.btn-xs { min-width: 35px; min-height: 22px; } .toggle-on.btn-xs { padding-right: 12px; } .toggle-off.btn-xs { padding-left: 12px; } @media (max-width: 991.98px) { .app-main { display: block; } .dropdown-menu::before, .dropdown-menu::after { display: none; } .app-sidebar { /*flex: 0 0 280px !important; width: 280px !important; transform: translateX(-280px);*/ position: fixed; } .app-sidebar .app-header__logo { display: none; } .sidebar-mobile-open .app-sidebar { transform: translateX(0); } .sidebar-mobile-open .app-sidebar .app-sidebar__inner .app-sidebar__heading { text-indent: initial; } .sidebar-mobile-open .app-sidebar .app-sidebar__inner .app-sidebar__heading::before { display: none; } .sidebar-mobile-open .app-sidebar .app-sidebar__inner ul li a { text-indent: initial; padding: 0 1.5rem 0 45px; } .sidebar-mobile-open .app-sidebar .app-sidebar__inner .metismenu-icon { text-indent: initial; left: 5px; margin-left: 0; } .sidebar-mobile-open .app-sidebar .app-sidebar__inner .metismenu-state-icon { visibility: visible; } .sidebar-mobile-open .app-sidebar .app-sidebar__inner ul::before { display: block; } .sidebar-mobile-open .app-sidebar .app-sidebar__inner ul ul li a { padding-left: 1em; } .sidebar-mobile-open .app-sidebar .app-sidebar__inner ul.mm-show { padding: .5em 0 0 2rem; } .sidebar-mobile-open .app-sidebar .app-sidebar__inner ul.mm-show > li > a { height: 2rem; line-height: 2rem; } .sidebar-mobile-open .app-sidebar .app-header__logo { width: auto !important; } .sidebar-mobile-open .app-sidebar .app-header__logo .logo-src { width: 97px !important; margin-left: auto; margin-right: 0; } .sidebar-mobile-open .fixed-sidebar .app-sidebar { height: 100%; } .sidebar-mobile-open .sidebar-mobile-overlay { display: block; } .app-main .app-main__outer { padding-left: 0 !important; } .app-header { justify-content: space-between; } .app-header .app-header__logo { /*display: none;*/ order: 2; background: transparent !important; border: 0 !important; } .app-header .app-header__content { visibility: hidden; opacity: 0; box-shadow: 0 0.46875rem 2.1875rem rgba(4, 9, 20, 0.03), 0 0.9375rem 1.40625rem rgba(4, 9, 20, 0.03), 0 0.25rem 0.53125rem rgba(4, 9, 20, 0.05), 0 0.125rem 0.1875rem rgba(4, 9, 20, 0.03); position: absolute; left: 5%; width: 90%; top: 0; transition: all .2s; background: #fff; border-radius: 50px; padding: 0 10px; overflow: hidden; } .app-header .app-header__content .header-btn-lg { margin-left: .5rem; padding: 0 .5rem; } .app-header .app-header__content .header-btn-lg .hamburger-box { margin-top: 5px; } .app-header .app-header__content .header-btn-lg + .header-btn-lg { display: none; } .app-header .app-header__content .app-header-left .nav { display: none; } .app-header .app-header__content.header-mobile-open { visibility: visible; opacity: 1; top: 80px; } .app-header .app-header__mobile-menu { display: flex; order: 1; } .app-header .app-header__menu { display: flex; order: 3; } .app-header.header-text-light .app-header__menu > span .btn, .app-header.header-text-light .app-header__menu > .btn { background: rgba(255, 255, 255, 0.1); border-color: rgba(255, 255, 255, 0.1); } .app-header.header-text-light .header-mobile-open { background: #343a40; } .popover, .dropdown-menu { position: fixed !important; z-index: 50; left: 5% !important; top: 50% !important; width: 90% !important; transform: translateY(-50%) !important; min-width: 10px !important; } .popover .btn-icon-vertical .btn-icon-wrapper, .dropdown-menu .btn-icon-vertical .btn-icon-wrapper { display: none; } .popover { max-width: initial; } .popover .arrow { display: none !important; } .app-page-title { text-align: center; } .app-page-title .page-title-heading, .app-page-title .page-title-wrapper { margin: 0 auto; display: block; } .app-page-title .page-title-actions { margin: 15px auto 0; } .app-page-title .page-title-actions .breadcrumb-item, .app-page-title .page-title-actions .breadcrumb, .app-page-title .page-title-subheading .breadcrumb-item, .app-page-title .page-title-subheading .breadcrumb { display: inline-block; } .app-footer .app-footer__inner .app-footer-right { display: none; } .app-footer .app-footer__inner .app-footer-left { width: 100%; } .app-footer .app-footer__inner .app-footer-left .footer-dots { margin: 0 auto; } .widget-content .widget-numbers { font-size: 1.6rem; line-height: 1; } .slick-slider-sm .slick-slider { max-width: 650px !important; } .bg-transparent.list-group-item { border-color: transparent; } .tabs-lg-alternate.card-header > .nav .nav-item .widget-number { font-size: 1.5rem; } .page-title-head { display: block; } } @media (max-width: 991.98px) { .app-page-title .page-title-icon, .ui-theme-settings { display: none; } .card-header.responsive-center { display: block; text-align: center; height: auto; padding: 1.5rem; } .card-header.responsive-center .nav, .card-header.responsive-center .btn-actions-pane-right { margin: .75rem 0 0; } .card-header.responsive-center .nav .d-inline-block.ml-2, .card-header.responsive-center .btn-actions-pane-right .d-inline-block.ml-2 { width: 100% !important; text-align: left; margin: 0 !important; } .slick-slider-sm .slick-slider { max-width: 650px !important; } } @media (min-width: 992px) { .slick-slider-sm .slick-slider { max-width: 850px !important; } } @media (max-width: 1199.98px) { .-hide-paging .-pagination .-center { display: none; } } @media (max-width: 767.98px) { .app-main .app-main__inner { padding: 15px 15px 0; } .mbg-3, body .card.mb-3 { margin-bottom: 15px !important; } .app-page-title { padding: 15px; margin: -15px -15px 15px; } .app-page-title + .body-tabs-layout { margin-top: -15px !important; } .body-tabs-line .body-tabs-layout { margin-bottom: 15px; margin-left: -15px; margin-right: -15px; padding: 0 15px; } .body-tabs { padding: 0 15px; display: block; } .body-tabs .nav-item .nav-link { margin: 0; } .popover, .dropdown-menu { width: 80%; left: 10%; } body .card-header { height: auto; display: block; padding: .75rem 1.5rem; text-align: center; } body .card-header .btn-actions-pane-right { padding: .75rem 0 0; } body .card-header .actions-icon-btn { padding: 0; } .card-header.card-header-tab .card-header-title { display: inline-flex !important; line-height: 1; } .card-header.card-header-tab > .nav { margin: .75rem 0 -.75rem; display: table !important; width: 100%; } .card-header.card-header-tab > .nav .nav-item { display: table-cell; } .header-icon { display: none; } .profile-responsive-sm .dropdown-menu-header .menu-header-content.btn-pane-right, .profile-responsive .dropdown-menu-header .menu-header-content.btn-pane-right { display: block; text-align: center; } .profile-responsive-sm .dropdown-menu-header .menu-header-content.btn-pane-right .avatar-icon-wrapper, .profile-responsive .dropdown-menu-header .menu-header-content.btn-pane-right .avatar-icon-wrapper { margin-right: 0 !important; } .profile-responsive-sm .dropdown-menu-header .menu-header-content.btn-pane-right .menu-header-btn-pane, .profile-responsive .dropdown-menu-header .menu-header-content.btn-pane-right .menu-header-btn-pane { margin-top: 1rem; } .slick-slider-sm .slick-slider .slick-prev { left: 15px; } .slick-slider-sm .slick-slider .slick-next { right: 15px; } } @media only screen and (min-width: 1200px) and (max-width: 1500px) { .profile-responsive .dropdown-menu-header .menu-header-content.btn-pane-right { display: block; text-align: center; } .profile-responsive .dropdown-menu-header .menu-header-content.btn-pane-right .avatar-icon-wrapper { margin-right: 0 !important; } .profile-responsive .dropdown-menu-header .menu-header-content.btn-pane-right .menu-header-btn-pane { margin-top: 1rem; } } .ui-theme-settings { position: fixed; z-index: 155; right: -30px; top: 0; height: 100vh; transform: translate(500px); transition: all .2s; box-shadow: -0.46875rem 0 2.1875rem rgba(4, 9, 20, 0.03), -0.9375rem 0 1.40625rem rgba(4, 9, 20, 0.03), -0.25rem 0 0.53125rem rgba(4, 9, 20, 0.05), -0.125rem 0 0.1875rem rgba(4, 9, 20, 0.03); } .ui-theme-settings .btn-open-options { border-radius: 50px; position: absolute; left: -114px; bottom: 80px; padding: 0; height: 54px; line-height: 54px; width: 54px; text-align: center; display: block; box-shadow: 0 0.46875rem 2.1875rem rgba(4, 9, 20, 0.03), 0 0.9375rem 1.40625rem rgba(4, 9, 20, 0.03), 0 0.25rem 0.53125rem rgba(4, 9, 20, 0.05), 0 0.125rem 0.1875rem rgba(4, 9, 20, 0.03); margin-top: -27px; } .ui-theme-settings .btn-open-options svg { top: 50%; left: 50%; position: absolute; margin: -0.5em 0 0 -0.5em; } .ui-theme-settings .theme-settings__inner { background: #fff; width: 500px; height: 100vh; padding: 0; } .ui-theme-settings.settings-open { transform: translate(0); right: 0; } .ui-theme-settings .theme-settings-swatches { text-align: center; } .ui-theme-settings .theme-settings-swatches .swatch-holder-img { width: 72px; height: auto; border-radius: 3px; } .ui-theme-settings .theme-settings-swatches .swatch-holder-img img { width: 100%; } .ui-theme-settings .themeoptions-heading { font-size: 1.1rem; color: #495057; margin: 0; background: #f8f9fa; padding: .75rem 1.5rem; border-bottom: #dee2e6 solid 1px; border-top: #dee2e6 solid 1px; display: flex; align-items: center; align-content: center; } .ui-theme-settings .themeoptions-heading:first-child { border-top: 0; } .ui-theme-settings .list-group-item h5 { color: #3f6ad8; font-size: .968rem; text-transform: uppercase; margin: 0; text-align: center; } .swatch-holder { width: 24px; height: 24px; line-height: 24px; margin: 5px 5px 0; transition: all .2s; opacity: .7; display: inline-block; border-radius: 30px; } .swatch-holder.active { border: #fff solid 2px; box-shadow: 0 0 0 5px #3f6ad8; opacity: 1; } .swatch-holder:hover { opacity: 1; } .swatch-holder-lg { width: 48px; height: 48px; line-height: 48px; } .font-icon-wrapper { text-align: center; border: #e9ecef solid 1px; border-radius: .25rem; margin: 0 0 10px; padding: 5px; } .font-icon-wrapper.font-icon-lg { float: left; padding: 10px; text-align: center; margin-right: 15px; min-width: 64px; } .font-icon-wrapper.font-icon-lg i { font-size: 1.5rem; font-weight: bold; } .font-icon-wrapper:hover { background: #f8f9fa; color: #3f6ad8; } .font-icon-wrapper:hover p { color: #6c757d; } .font-icon-wrapper i { font-size: 1.65rem; } .font-icon-wrapper p { color: #adb5bd; font-size: .80667rem; margin: 5px 0 0; } .btn-icon-vertical { min-width: 100px; } .card.mb-3 { margin-bottom: 30px !important; } .demo-image-bg { height: 350px; margin-bottom: 30px; background-size: 100%; } .loader-wrapper { width: 150px; height: 100px; float: left !important; } .slider-item { background: #dee2e6; border-radius: .25rem; color: #6c757d; font-size: 36px; padding: 0; position: relative; height: 150px; line-height: 150px; text-align: center; margin: 0 1.5rem; transition: all .2s; } .slick-center .slider-item { background: #adb5bd; color: #495057; } .after-img { max-width: 100%; } .top_menu_container { text-align: center; } .top_menu { padding: 0; display: inline-block; margin-bottom: 0; } .top_menu > li { width: 18.57% !important; padding: 0.5em; padding-bottom: 0.3em; margin-top: 0px; margin-bottom: 15px; background-color: #fff; margin-left: 12px; display: inline-block; float: left; border-radius: 0px; box-shadow: 0 4px 20px 1px rgba(0, 0, 0, 0.06), 0 1px 4px rgba(0, 0, 0, 0.08); border: 0; } .top_menu li a { color: #616879; text-decoration: none; width: 100%; display: inline-block; height: 40px; padding-top: 6px; } .iocn_length { border-radius: 5px; display: block; height: 46px; line-height: 36px; margin: 0 auto 10px; width: 50px; position: relative; } .top_menu img { width: 35px; } .top_menu p { font-size: 13px; height: auto !important; float: left; width: calc(100% - 47px); text-align: left; margin-top: 5px; } .badge-order { position: absolute; z-index: 1; top: -10px; left: 13px; } /*.app-page-title .page-title-heading { width:100%; }*/ .top_menu > li a span { margin-right: 12px; position: relative; float: left; } .w100 { width: 100%; } .headline-p1_vendor { font-size: 11px; line-height: 14px; margin-top: 10px; margin-left: 10px; width: 280px; padding-left: 10px; border-left: 1px solid #dee2e6; } .widget-content-left .btn-group a .fa-angle-down { color:#FFF; } .app-header .app-header__content .app-header-left{ width: 100%; text-align: center; justify-content:center; } .app-header .app-header__content .app-header-left h3 img { margin-top: -12px; } .w-max-content { width: max-content; } .dtshift { font-size: .8rem; } .main_bg_gradient{ background-color:#787878; } .nav.flex-column .nav-item-btn.text-center.nav-item a:hover { background:#6c757d !important; border:solid 1px #6c757d; } .nav.flex-column.btn-group.btn { font-size:12px; } a.btn-pill.btn-shadow.btn-shine.btn.btn-focus { font-size: 12px; font-weight: 500; } .userstyl { padding: 10px; border-radius: 40px; margin-right: 10px; background-color: #e8ecf8; } .userstyl .fa { position: relative; right: -2px; } .mlr0 { margin-left: 0; margin-right: auto; } .plr0 { padding-left: 0 !important; padding-right: 0 !important; } .pb0 { padding-bottom: 0; } .pr0 { padding-right: 0; } .pl24 { padding-left: 24px; } .pr13 { padding-right: 13px; } .widget-content .widget-numbers { font-size: 1rem; } .bdr-bottom { border-bottom: 1px solid rgba(0, 0, 0, 0.125) !important; } .form_billing { background: white none repeat scroll 0 0; /*border: 1px solid rgba(221, 75, 57, 0.28);*/ float: left; padding: 4px; width: 100%; } .form_billing .dot-btn-wrapper { position: absolute; right: 77px; background-color: transparent; padding: 0; top: 6px; } /***************postabs***********/ .postabs .btn { width: 33.33%; display: inline-block; float: left; border-radius: 0; border: none; padding: .5rem .75rem !important; font-weight: 600; color: #fff; } .dashboard .list-group-item { padding: .6rem 1.25rem; } .stv-radio-tabs-wrapper { clear: both; display: inline-block; width: 100%; padding: 0; position: relative; } input.stv-radio-tab { position: absolute; left: -99999em; top: -99999em; } input.stv-radio-tab + label { cursor: pointer; float: left; border: none; font-weight: bold; border-bottom: 0; padding: .8em 1em; position: relative; width: 100%; text-align: center; margin-bottom: 0; color: #fff; } .postabs .bg-plum-plate { background-image: linear-gradient(180deg, #758cf3 0%, #764ba2 100%) !important; } .postabs .bg-ripe-malin { background-image: linear-gradient(180deg, #f093fb 0%, #f5576c 100%) !important; } .postabs .bg-happy-itmeo { background-image: linear-gradient(180deg, #52dedb 0%, #009efd 100%) !important; } .postabs .bg-sunny-morning { background-image: linear-gradient(180deg, #f6d365 0%, #fda085 100%) !important; } .postabs .bg-grow-early { background-image: linear-gradient(to top, #03b164 0%, #56cea8 100%) !important; } .postabs .bg-mean-fruit { background-image: linear-gradient(180deg, #fccb90 0%, #d57eeb 100%) !important; } .postabs .bg-warm-flame { background-image: linear-gradient(180deg, #fb6269, #fbc5b6) !important; } input.stv-radio-tab + label:hover { opacity: 0.85; } input.stv-radio-tab:checked + label { background-color: #fff; z-index: 1; background-image: linear-gradient(to top, #303f5a, #6a98cc) !important; } .class-title { font-size: 12px; padding-right: 15px; width: 97px; } .width30 { width: 30%; } .width70 { width: 70%; } .dropdown-body { font-size: small; padding: .4rem 1.5rem; } /***************postabs***********/ .radio-div { display: inline-block; float: left; position: relative; width: 100%; } input.card[type="radio"]:not(old) { height: auto; left: 49px; margin: 0; opacity: 0; padding: 0; position: absolute; top: 17px; transform: scale(5.5, 3.4); width: 15px; } .new_raion_btn .radio-div > label { text-align: center; width: 100%; } .new_raion_btn .radio-div span { color: white; float: left; font-size: 12px; font-weight: bold; padding: 10px; width: 100%; } .card-box .col-md-4.col-sm-4 { margin: 1px; padding: 0; width: 32.4%; } .radio-div img { padding: 0; width: 100%; height: 100%; } input.card[type="radio"]:not(old) + label > span { background-image: linear-gradient(140deg, #4e3159 -30%, #794c8a 90%); background-color: #4e3159; border-color: #4e3159; display: block; } input.card[type="radio"]:checked:not(old) + label > span { background-image: linear-gradient(to top, #303f5a, #6a98cc) !important; } .mt0 { margin-top: 0 !important; } #example_wrapper .row:first-of-type { display: none; } /*.table { border: none; }*/ /*.table thead { background-color: transparent; }*/ .dataTables_scrollHeadInner { background: rgba(221, 75, 57, 0.1) none repeat scroll 0 0; } /*.dataTables_scrollHead { border-bottom: 2px solid #ddd !important; }*/ /*.dataTables_scroll { border: 1px solid #ced4da; }*/ .rw34 { width: 30px; text-align: center; } .btn-remark { color: #FF4961 !important; font-weight: bold; padding: 4px 8px !important; margin: 0 !important; } .btn-remark:hover { color: #fff !important; } .w35cent { width: 35% !important; } .w15 { width: 15%; } .w35cent .form-control, .w15 .form-control { margin-bottom: 0; text-align: right; font-size: 13px; padding-top: 0; padding-bottom: 0; } .ml15 { margin-left: 15px; } .ml10 { margin-left: 10px; } .dflex { display: flex; justify-content: flex-start; } .bottom-btns { display: block; } .bottom-btns, .bottom-btns .btn { border-radius: 0 !important; } .bottom-btns .btn { width: 50%; float: left; } .app-drawer-overlay { display: none; } .app-drawer-wrapper { width: 368px; top: 72px; } ul.menu_list_icon { height: 486px; } .rightpanel .btn-icon-vertical { box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3) !important; padding-left: 5px; padding-right: 5px; color: #fff; } .btn:hover { opacity: 0.9; } .pr0 { padding-right: 0; } .pr5 { padding-right: 5px; } .rightpanel-innerbuttons { padding: 5px; } .rightpanel-innerbuttons ul { display: flex; justify-content: flex-start; flex-wrap: wrap; padding-left: 0; } .rightpanel-innerbuttons ul li { padding: 5px; width: 20%; } .innerbuttons ul li { width: 25% !important; } .rightpanel-innerbuttons ul li .btn-icon-vertical { min-width: 100%; max-width: 90px; white-space: normal; word-break: break-word; height: 90px; margin: 0 !important; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3) !important; color: #fff; text-transform: uppercase !important; font-size: 11px; padding: 5px; overflow-y: hidden; } .rightpanel-innerbuttons ul li .btn-icon-vertical:focus { background-image: linear-gradient(180deg, #f6d365 0%, #fda085 100%) !important; } .topbtngroup { width: calc(100% - 55px) !important; float: left; } .icon-rights { width: 50px; float: right; } .icon-rights .btn { border-radius: 0 !important; border-right: 1px solid #ddd; width: 100%; height: 33px; padding: 0 5px; } .icon-rights .btn img { width: 100%; filter: brightness(0) invert(1); height: 100%; } span.select2.select2-container.select2-container--bootstrap4.select2-container--focus { width: 100%; } .mb5 { margin-bottom: 5px; } .topbtngroup .form-control { border-radius: 0px; height: calc(2rem + 1px); } .mb0 { margin-bottom: 0px; } .w60 { width: 60px; float: left; } .mobile-box { width: calc(100% - 60px); float: left; } .modal-header { background-color: #f5f5f5 !important; } h1, h2, h3, h4, h5, h6, button, a, th, label{ text-transform: capitalize; } .tablestyle { overflow-y: scroll; max-height: 182px; border: 1px solid #ddd; padding: 10px; } .tablestyle ul { display: inline-block; padding: 0; } .tablestyle ul li { width: 61px; float: left; margin: 5px; box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1); list-style-type: none; } .tablestyle ul li a { display: block; text-align: center; } .tablestyle ul li a img { display: block; margin: auto; } .mr0 { margin-right: 0; } .pay-denom { width: calc(100% - 97px); } .pay-denom .btn { width: calc(100% - 97px); padding: .375rem .75rem; } .pay-denom .btn-warning { color: #212529 !important; background-color: #fff; border-color: #ddd; } .pay-denom .btn-warning:hover, .pay-denom .btn-warning:focus { background-color: #f5f5f5 !important; border-color: #ddd !important; } .payment-icon-tabs { display: inline-block; background-color: #f5f5f5; border: 1px solid #ddd; } .payment-icon-tabs .radio-div { display: inline-block; float: left; position: relative; width: 25%; margin-top: 10px; } .refund-denom { display: inline-block; background-color: #f5f5f5; border: 1px solid #ddd; width: 100%; } .refund-denom ul { padding-left: 0; list-style-type: none; display: flex; justify-content: flex-start; align-items: center; flex-wrap: wrap; } .refund-denom ul li { width: 33.33%; padding: 7px; } .refund-denom input[type="button"] { padding: 5px; width: 39px; height: 29px; position: relative; top: -2px; border-radius: 0; } .refund-denom ul li input[type="text"] { width: 35px; height: 29px; text-align: center; padding: 5px; } a[href="#refund_denom"] { padding: 5px; position: relative; width: 100%; display: block; text-decoration: none; font-size: 15px; color: #495057; font-weight: 500; } a[href="#refund_denom"]:hover { color: #16aaff; } .plr5 { padding: 0 5px; } .addbtn { width: 40px; float: left; margin-top: 28px; border-radius: 0; box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5); font-size: 18px; padding: 2px; } .wc50 { width: calc(100% - 50px); float: left; } .wc60 { width: calc(100% - 60px); float: left; } .payment { background-color: #f5f5f5; border: 1px solid #ddd; padding: 5px; margin-bottom: 15px; } /***************switch***********/ /* The switch - the box around the slider */ .switch { position: relative; display: inline-block; width: 45px; height: 21px; float: left; } /* Hide default HTML checkbox */ .switch input { display: none; } /* The slider */ .slider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #ccc; -webkit-transition: .4s; transition: .4s; } .slider:before { position: absolute; content: ""; height: 24px; width: 24px; left: 0px; bottom: -1px; background-color: white; -webkit-transition: .4s; transition: .4s; box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2); } input.default:checked + .slider { background-color: #444; } input.primary:checked + .slider { background: linear-gradient(to left, #758cf3 0%, #764ba2 100%) !important; } input.success:checked + .slider { background-image: linear-gradient(to right, #0ba360 0%, #3cba92 100%) !important; } input.info:checked + .slider { background-image: linear-gradient(to left, #0076b9 0%, #07a4ff 100%); } input.warning:checked + .slider { background-color: #FFC107; } input.danger:checked + .slider { background-color: #f44336; } input:focus + .slider { box-shadow: 0 0 1px #2196F3; } input:checked + .slider:before { -webkit-transform: translateX(26px); -ms-transform: translateX(26px); transform: translateX(26px); } /* Rounded sliders */ .slider.round { border-radius: 34px; } .slider.round:before { border-radius: 50%; } /***************switch***********/ table.table.table-striped.table-bordered.dataTable.popupTableNew.no-footer th, table.table.table-striped.table-bordered.dataTable.popupTableNew.no-footer td { font-size: 12px !important; } .listright { background-image: url(/Images/bulleted-list1.png); background-position: center; background-repeat: no-repeat; color: transparent; text-align: right; background-size: 15px; width: 15px; height: 15px; display: block; float: right; position: relative; top: 10px; } .field-validation-error { position: absolute; z-index: 1; background-color: #fff; box-shadow: 0px 0px 5px #ddd; border-radius: 4px; padding: 5px; color: red; font-size: 12px; } .btn-outline-info:hover { color: #fff !important; } /*.btn.focus, .btn:focus, .btn:hover { color:#fff !important; }*/ .btn-outline-info:focus { color: #16aaff !important; border-color: #16aaff; } /*.form-group .col-sm-1, .form-group .col-sm-2, .form-group .col-sm-12 { padding-left: 5px; padding-right: 5px; }*/ .no-bdr-del-btn { padding: 0 !important; border: none !important; background-color: transparent; } .w100px { width: 100px; } .w100 { width: 100%; } .compex_head { background: #fff !important;border-bottom: 2px solid #ddd; } .compex_head .container-fluid { padding: 0; } .compex_head h2 { color: #616879 !important; font-size: 18px; text-align: left; padding: 10px 0px; font-weight: 500; padding-left: 15px; letter-spacing: 0.5px; margin-bottom: 0; } tfoot.text-bold td { font-weight: 600; } body p { color: #616879; } .plr15 { padding-left: 15px; padding-right: 15px; } /*table.table-bordered.dataTable th { border: none; }*/ .bdrtotal { border-top: 2px double #333; } thead { border-bottom: none; } .dataTables_scrollHeadInner { background: #fff; border-bottom: 2px solid #ced4da; } table.dataTable tfoot th, table.dataTable tfoot td { border-top: none; } .dataTables_scrollFoot { border-top: 2px solid #ced4da !important; } table.dataTable td { /*white-space:nowrap;*/ } table.dataTable thead th, table.dataTable thead td, table.dataTable tfoot th, table.dataTable tfoot td { padding: 8px 10px; box-sizing: border-box; } .bdr_total { border-top: 3px double !important; border-bottom: 3px double !important; width: 100%; padding: 10px; } .p0 { padding: 0 !important; } .compex_form { padding-bottom: 0; display: inline-block; background-color: #fff; width: 100%; } /*.btn-icon { padding: .1rem .3rem; width: 30px; height: 30px; }*/ .btn-icon i, .btn-icon span { font-size: 15px; vertical-align: middle; margin-right: 6px; } .pt1em { padding-top: 1em; } .nav-tabs > li > a { background-color: #616879; color: #fff; } .nav-tabs > li { margin-left: 10px; } .nav-tabs > li > a:hover { background-color: #fff !important; color: #616879 !important; } .tab-content { padding: 20px 0 0 0; } .ml0 { margin-left: 0 !important; } .Personal_form { padding: 10px; } .form-group.row label { padding-top: 5px; font-size:10px; font-weight:600; } /*.plr5 { padding-left: 5px; padding-right: 5px; }*/ .iconstyle { font-size: 24px; } .dataTables_wrapper .col-sm-12 { padding: 0; } .userlistnew { font-size: 18px; margin-left: -15px; } /*.row { margin-left: 0; margin-right: 0; }*/ .pl0 { padding-left: 0; } .pr0 { padding-right: 0 !important; } .input-total { border-left: none; border-right: none; border-top: 3px double #333; border-bottom: 3px double #333; box-shadow: none; background-color: #fff; max-width: 80px !important; text-align: right; padding-right: 5px; } .shift-right-head { position: absolute; right: 20px; } .width-auto { width: auto; } .linkcol { display: flex; justify-content: flex-start; } .linkcol button { margin-left:0; margin-right:10px; } .del-icon { width: 30px; height: 30px; box-shadow: 0px 0px 8px rgba(241, 9, 9, 0.2); background-color: #fff; border-radius: 4px; border: 1px solid #FF4961; position: relative; margin-top: 5px; display: flex; margin-bottom: 5px; color: red !important; margin-left: 5px; margin-right: 10px; text-decoration: none; justify-content: center; align-items: center; } .del-icon:hover, .del-icon:focus { color: #fff !important; background-color: #FF4961 !important; cursor: pointer; text-decoration: none; } .del-icon i { font-size: 15px !important; } .edit-icon { width: 30px; height: 30px; box-shadow: 0px 0px 8px rgba(241, 9, 9, 0.2); background-color: #fff; border-radius: 4px; border: 1px solid #16aaff; position: relative; margin-top: 5px; display: flex; margin-bottom: 5px; color: #16aaff !important; margin-left: 5px; margin-right: 10px; text-decoration: none; justify-content: center; align-items: center; } .edit-icon:hover { color: #fff !important; background-color: #16aaff !important; cursor: pointer; text-decoration:none; } .edit-icon i { font-size: 15px !important; } /*.table thead tr th:first-of-type, .table tbody tr td:first-of-type { min-width: 80px !important; width: 80px !important; max-width: 80px !important; }*/ table#tblDinetable.table thead tr th:first-of-type, table#tblDinetable.table tbody tr td:first-of-type { min-width: 30px !important; width: 30px !important; max-width: 30px !important; } /*multiselect with checkbox*/ .dropdown-check-list { display: inline-block; position: relative; width: 100%; } .dropdown-check-list .anchor { position: relative; cursor: pointer; display: inline-block; border: 1px solid #ced4da; background-color: #fff; border-radius: 0px; width: 100%; padding: 5px; color: #666; } .dropdown-check-list .anchor:after { position: absolute; font: normal normal normal 14px/1 FontAwesome; content: "\f0d7"; /*border-left: 2px solid black; border-top: 2px solid black;*/ padding: 5px; right: 0px; top: 2px; } .dropdown-check-list ul.items { padding: 2px; display: none; margin: 0; border: 1px solid #ccc; border-top: none; position: absolute; background-color: #fff; width: 100%; z-index: 1; } .dropdown-check-list ul.items li { list-style: none; padding: 5px; padding-left: 30px; } .dropdown-check-list ul.items li input[type="checkbox"] { margin-right: 5px; } /*multiselect with checkbox*/ .font14 { font-size: 14px !important; } .pl10 { padding-left: 10px; } .Orderbtn { border: 1px solid #ddd; padding: 10px; padding-bottom: 40px; margin-top: -10px; } .Orderbtn .btn { width: 100%; margin-bottom: 15px; padding-top: 10px; padding-bottom: 10px; } .whalf { width: 49%; } .w100 { width: 100%; } .fw600 { font-weight: 600; } .table tr td .btn-icon { vertical-align: bottom; width: 34px; padding: 5px; text-align: center !important; padding-left: 7px; } .control-label { padding-top: 5px; width: 100px; float: left; font-weight: 600; font-size: 11px; } .inputcol { width: calc(100% - 100px); float: right; padding-right: 0px; } .inputcol .form-control { margin-right: 10px; } .p15 { padding: 20px; } @media (max-width:1024px) { .control-label { width: 100%; } .inputcol { width: 100%; } } .btn-add { color: #fff !important; font-size: 18px; /*padding: 2.5px 8px;*/ padding: 0.5px 5px; border-radius: 0; } .tblbtn-add { height: 28px; margin-bottom: 2px; padding-top: 4px; } .btn_right { width: 100%; text-align: right; display: flex; justify-content: flex-end; } .btn_right a { margin-right: 12px; margin-top: 5px; } .mn114 { min-height: 114px; } .mn93 { min-height: 93px; } .bg-gray { background-color: #f5f5f5 !important; } fieldset { min-width: 0; padding: 5px; margin: 2px; border: 1px solid rgba(221, 221, 221, .7); } .op8 { opacity: 0.8; } .lh1p2 { line-height: 1.2; } .db-stats { padding: 0 0px; } .db-stats .col-sm-2 { padding: 0px; } .db-stats a { display: flex; align-items: flex-end; justify-content: flex-start; background-color: #fff; font-size: 12px; font-weight: 500; padding: 10px; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1); margin: 7px 0; text-decoration: none; transition: ease-in-out .4s; height:67px; } .db-stats a p { margin-bottom: .5rem; transition: ease-in-out .4s; letter-spacing:0; } .db-stats a span { margin-right: 10px; transition: ease-in-out .4s; } .db-stats a span img { width: 40px; transition: ease-in-out .4s; } .db-stats a:hover { background-color: #fe4962; transition: ease-in-out .4s; box-shadow: 0 8px 25px -8px #FF4961; } .db-stats a:hover p { color: #fff; } .db-stats a:hover img { filter: brightness(0) invert(1); } .plr7 { padding-left: 7px; padding-right: 7px; } .mlr8 { margin: 0 8px; } select, option, input, a, label, button { text-transform: capitalize; } .wcalc-40 { width: calc(100% - 40px); } .ln1-2 { line-height: 1.2; } .ui-widget.ui-widget-content { max-width: 313px; max-height: 200px; overflow-y: scroll; overflow-x: hidden; } .bdr0 { border-radius: 0; } .op1, #btnInBound { opacity: 1; } /*div#InBoundImport.modal { background-color:rgba(25, 87, 245, 0.7); padding-top:100px; }*/ table.grid-table { margin-left: 0 !important; } .pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover { background-color: rgb(227, 30, 37); border-color: rgb(227, 30, 37); color: #fff; cursor: default; z-index: 3; } .pagination > li > a, .pagination > li > span { background-color: #fff; border: 1px solid #ddd; color: rgb(227, 30, 37); float: left; line-height: 1.42857; margin-left: -1px; padding: 6px 12px; position: relative; text-decoration: none; } .pagination li a { color: #ff4961; } .grid-header-title a { color: #616879; } .grid-pager { float: right; } .chart-area { position: relative; min-height: 300px !important; max-height: 300px !important; height: 300px !important; width: 100%; } @media (min-width:768px) { .chart-area { min-height: 300px !important; max-height: 300px !important; height: 300px !important; } } a.dd-chart-btn, a.dd-chart-btn:hover { text-decoration: none; margin-left: 5px; } a.dd-chart-btn span.badge { position: absolute; left: 12px; top: -7px; border: 1px solid #e21e23; padding: 2px; opacity: 1; z-index: 1; } .checkbox-inline { display:flex; } li.checkbox-inline input { margin-right: 5px; } .nav-tab-ul { justify-content: flex-end; } /*.nav-link .fa { margin-bottom: 0 !important; margin-right: 5px; }*/ .tab-add-btn { width: 28px; height: 28px; text-align: center; padding: 0; margin-top: -5px; margin-left: 5px; } .tab-add-btn:focus { background-color:#3ac47d; border-color: #3ac47d; box-shadow:0px 0px 12px rgba(0, 0, 0, 0.2) } .bootstrap-filestyle.input-group .form-control { border-radius: 0px !important; } label.btn.btn-secondary { margin-bottom: 0; padding: 4.5px 8px; font-weight: normal; border-radius: 0; } .lbl-line-height { line-height:13px; } .dataTables_filter { width:50%; float:right; } .dt-buttons.btn-group > button.btn.btn-secondary { background: #fff; color: #222; } .dropbox_autocomplete { position: absolute; background: #fff; z-index: 1; border: 1px solid #ddd; top: 27px; left: 0; right: 0; margin: 0 5px; } .dropbox_autocomplete ul { height: 250px; overflow-y: scroll; padding-left: 9px; margin-bottom: 0; } .dropbox_autocomplete ul li.checkbox-inline label { display:flex; } .dropbox_autocomplete ul li.checkbox-inline label input { margin-top:4px; } .dt-buttons.btn-group { margin-top: 5px; } /*table.DTFC_Cloned td, table.DTFC_Cloned th{ width:80px !important; min-width:80px !important; max-width:80px !important; } .DTFC_LeftBodyLiner { overflow-x:hidden !important; }*/ .table thead tr th .form-control { margin-bottom:0px !important; } .total { padding-left:5px; padding-right:5px; padding-bottom:5px; border-bottom:3px double #ddd; width:100%; display:inline-block; } /* width */ ::-webkit-scrollbar { width: 6px; height:4px; } /* Track */ ::-webkit-scrollbar-track { background: #f1f1f1; } /* Handle */ ::-webkit-scrollbar-thumb { background: #ccc; } /* Handle on hover */ ::-webkit-scrollbar-thumb:hover { background: #ccc; } .ui-menu .ui-menu-item-wrapper { font-size:12px; } .ui-widget.ui-widget-content { z-index: 1050; } /*.rightlbl { text-align:right; }*/ .stepform { position: absolute; background: #fff; left:0; min-height:500px; padding:15px; right:0; } .stepform label { padding-left:15px !important; } /*#step2, #step3, #step4, #step5, #step6 { display:none; }*/ /*comment-by-mamta 15-4-21*/ .stepbtn-next { } table.grid-table { margin-left:0; width:100% !important; } .dataTables_scrollBody .grid-dropdown { opacity:0 !important; } th.grid-header:focus { outline:none; } table.grid-table .grid-header > .grid-header-title { white-space: nowrap;/*font-family: fira;*/ } /*Added by Megha Jain - 16 March 2020*/ .sub-total { font-weight:bold; color:#3f6ad8; } tr.head-name.odd, tr.head-name.even { background: #eaecf1 !important; font-weight:bold; } td.head-name, td.head-name { background: #eaecf1 !important; font-weight:bold; } .right-align { text-align:right; } /*Ends - Added By Megha Jain*/ .min-height-400 { min-height:calc(100vh - 100px); } table.dataTable th { vertical-align: middle; } .card-header h2 { font-size: 16px; font-weight: 600; margin-bottom: 0; } .card-header { display:flex; justify-content:space-between } .customrow { display:flex } .dataTables_empty { display:none } table.dataTable thead th, table.dataTable thead td, table.dataTable tfoot th, table.dataTable tfoot td { padding: 5px 2px; } .compex_head .row { justify-content:space-between } .compex_head .row div { flex: 0 0 100%; max-width: max-content; } .totalstyle { border:none; border-top: 1px solid #ccc; border-bottom: 5px double #ccc; } .plusbtn { text-align:center; padding:0; display:block; font-size:18px; border-radius:0; } .w-30 { width:30px } .wc-30 { width:calc(100% - 35px); } label.attachbtn { width: 31px; float: right; background: #FF4961; overflow: hidden; position: relative; text-align: center; padding-top: 4px; border: 1px solid #FF4961; font-size: 15px !important; height: 28px; padding-left: 2px; font-weight:500; color:#fff; } label.attachbtn input { width: 100%; height: 100%; display: block; position: absolute; top: 0; visibility: hidden; } .custom-fieldset { padding-top:0px; padding-left:5px; padding-right:5px; } .custom-fieldset legend { font-size:14px; } .newattachbtn .custom-file-label::after { content:"Attach"; height:26px; border-radius:0; } .newattachbtn .custom-file, .newattachbtn .custom-file-input, .newattachbtn .custom-file-label { height:28px; border-radius:0; } .newattachbtn .custom-file-input, .newattachbtn .custom-file-input:focus { box-shadow:none; } .app-main__inner > .card { padding:20px; min-height:500px; } input[type='date'] { font-size:10px; text-transform:uppercase; } table.table-bordered.dataTable tbody td { font-weight: 400 !important; } .tile_stats_count .stat-div { display:block; padding:20px; min-height:153px; border-radius:10px; background-color:#FFF; border:solid 0px #D8D8D8; } .tile_stats_count .stat-div .count_left { float:none; width:52px; height:52px; display:flex; border-radius:100%; align-items:center; background-color:#FFF; justify-content:center; border:1px solid #F9F9F9; box-shadow:0px 0px 20px rgba(0, 0, 0, 0.1); } .tile_stats_count .stat-div .count_right { width:100%; } .tile_count .tile_stats_count { margin-bottom:30px; } .tile_stats_count .stat-div .count_right .data-top { font-size:16px; padding-top:5px; line-height:19px; text-transform:uppercase; } .count_right .data span { color:#00213B; font-size:24px; font-weight:500; line-height:29px; } #dvLoading.tile_stats_count .stat-div .count_right .data { bottom:25px; background-color:transparent; } .head { padding:0px 0px 15px 15px; } ul.nav navbar-nav navbar-right li { float: right; } .modal { background: transparent; box-shadow: none; } .modal-header { background: #11B08E; } .modal .modal-content { padding: 0px; } .modal-txt { font-size: 15px; font-weight: bold; } input[type=file] { height: auto !important; } .btn [class^="icon-"], .btn [class*=" icon-"] { margin-top: -2px; vertical-align: middle; } span.fa.fa-angle-down.arw1 { width: 20px; } a.img-w img { width: 25px; } .notification { position: absolute; top: 5px; border: 1px solid #FFF; right: 10px; font-size: 9px; background: #f44336; color: #FFFFFF; min-width: 20px; padding: 0px 5px; height: 20px; border-radius: 10px; text-align: center; line-height: 19px; vertical-align: middle; display: block; top: 0px; float: left; line-height: 30px; margin-right: 8px; padding-bottom: 27px; } .material-icons { font-family: 'Material Icons'; font-weight: normal; font-style: normal; font-size: 24px; line-height: 1; letter-spacing: normal; text-transform: none; display: inline-block; white-space: nowrap; word-wrap: normal; direction: ltr; -webkit-font-feature-settings: 'liga'; -webkit-font-smoothing: antialiased; } /*===========================================================================================RESET CSS START */ body{ font-family: 'Roboto', sans-serif; } input[type=text], input[type=password], input[type=number], input[type=search], input[type=date], input[type=time], input[type=file], input[type=integer], select, textarea{ margin:0em; margin:0px; outline:none; direction:ltr; color:#3e3e3e; font-size:14px; line-height:20px; padding:6px 10px; border-radius:2px; box-sizing:border-box; border:1px solid #a3a0a0; transition: all 0.4s ease-out; font-family: 'Roboto', sans-serif; } input[type=file]{ max-width:100%; padding:1.5px 10px 2.5px 10px; } input[type=file]::file-selector-button { border:none; color:#2a2a2a; border-radius:3px; font-weight:normal; background-color:#BBB; margin:2px 6px 2px -4px; padding:3px 10px 2px 8px; } input[type=text]:focus, input[type=time]:focus, input[type=month]:focus, input[type=email]:focus, input[type=password]:focus, input[type=search]:focus, input[type=number]:focus, textarea:focus, select:focus, input[type=date]:focus, input[type=file]:focus{ outline:none; border-color:#269BFF; box-shadow:0px 0px 8px rgba(38, 155, 255, 0.4); } /*input[type=image]{ max-width:100%; } */select, select.form-control { height: 30.5px; appearance: none; border-color: #a3a0a0; padding: 6px 30px 6px 10px; background: url(../css/images/images/icon-arrow-down.png) no-repeat right center #FFF; } label{ display:block; font-size:14px; font-weight:400; } label > label{ margin-bottom:0px; display:inline-block; } dl{ margin-bottom:20px; } dl dd{ padding-top:3px; margin:0px 15px 0px 5px; } /*===========================================================================================RESET CSS CLOSE */ /*===========================================================================================COMMON CSS START */ .btn + .btn{ margin-left:7px; } .p-t-15, .row-btn-btm.p-t-15{ padding-top:15px; } .p-t-30{ padding-top:30px; } .p-t-48{ padding-top:48px; } .p-b-15{ padding-bottom:15px; } .m-t-15{ margin-top:15px; } .m-t-20, .subHeading.m-t-20{ margin-top:20px; } .m-t-50, .subHeading.m-t-50{ margin-top:50px; } .m-t-34{ margin-top:34px; } .m-t-b-15{ margin:15px 0px; } .p-t-b-15{ padding:15px 0px 20px 0px; } .m-lr-10{ margin:0px 10px; } .m-t-4{ margin-top:-4px; } .m-l-10{ margin-left:10px; } .al-center{ text-align:center; } .al-right{ text-align:right; } .al-mid-cen{ align-items:center; } .al-mid-fle{ display:flex; align-items:center; } .row-add-che{ padding-bottom:15px; } .row-btn{ text-align:center; /*text-align:right;*/ padding:10px 0px 20px 0px; } .row-btn-btm{ text-align:right; padding-top:20px; } .mandatory{ color:#C20404; } #lblshowcompanyname, #lblprofile{ display:none; } .header-fixed .app-header{ width:auto; flex:inherit; display:flex; position:inherit; align-items:center; } .header-fixed .app-body{ margin-top:0px; } .blankLab{ min-height:26px; } .blankLab.h17{ min-height:17px; } .fright{ float:right; } .fix-hei-scr{ width:100%; height:400px; overflow:scroll; padding:0px 15px 15px 0px; } html body .form-control{ height:auto; max-height:34px; } .btn-purple{ color:#FFF; border-color:#6D49D3; background-color:#6D49D3; } .btn-purple:hover, .btn-pink:hover, .btn-navy-blue:hover, .btn-red-two:hover, .btn-lig-green:hover{ color:#FFF; } .btn-success{ background-color:#00C850; } .btn-pink{ color:#FFF; border-color:#F05C5C; background-color:#F05C5C; } .btn-navy-blue{ color:#FFF; background-color:#100CBD; } .btn-red-two{ color:#FFF; background-color:#ff1e1e; } .btn-lig-green{ color:#FFF; background-color:#00DD73; } .btn-bon-blue{ color:#FFF; border-color:#00A0B4; background-color:#00A0B4; } .btn-lig-pink{ color:#FFF; border-color:#E06B9F; background-color:#E06B9F; } .color-red{ color:#ff1e1e; } textarea.form-control{ border-color:#a3a0a0; } span.text-danger{ position:absolute; } /*===========================================================================================COMMON CSS CLOSE */ /*===========================================================================================HEADER CSS START */ .app-header__logo h3 { color:#FFF; font-size:22px; font-weight:700; margin-bottom:0px; text-transform:uppercase; } .main_menu_side{ display:flex; min-height:52px; padding-left:14px; align-items:center; background-color:#6D49D3; justify-content:space-between; } .nav.side-menu > li:hover ul{ z-index:1; width:180px; padding:15px 0px; position:absolute; display:block !important; background-color:#6d49d3; border-radius:0px 0px 5px 5px; box-shadow:0px 10px 10px rgba(0,0,0,0.2); } html body .nav.side-menu li{ padding:10px 20px 10px 0px; } html body .nav.side-menu li:last-child{ padding-right:0px; } html body .nav.side-menu > li > a{ padding-left:32px; } html body .nav.side-menu li.icon-dashboard > a{ background:url(../css/images/images/icon-dashboard.png) no-repeat left center; } html body .nav.side-menu .icon-masters > a { background: url(../css/images/images/icon-masters.png) no-repeat left center; } html body .nav.side-menu .icon-transactions > a { background: url(../css/images/images/icon-transactions.png) no-repeat left center; } html body .nav.side-menu .icon-reports > a { background: url(../css/images/images/icon-reports.png) no-repeat left center; } html body .nav.side-menu .icon-adjustment > a { background: url(../css/images/images/icon-adjustment.png) no-repeat left center; } html body .nav.side-menu .icon-general > a { background: url(../css/images/images/icon-general.png) no-repeat left center; } .nav.side-menu li a{ padding:0px; } html body .nav.side-menu li a .fa.fa-angle-down{ padding:0px 0px 0px 10px; } .app-header-right .navbar-nav > li > a{ padding:0px; } html body .nav.side-menu li ul.child_menu li{ padding:2px 20px 2px 31px; } .app-header{ border-bottom:none; background-color:transparent; } #Menu1_HUserName{ color:#2A2A2A; font-size:12px; margin-top:2px; border-radius:3px; padding:3px 7px 1px 6px; background-color:#F1F1F1; font-family: 'Roboto', sans-serif; } .rm-pointers .nav-item .nav-link{ color:#2A2A2A; font-size:12px; padding:5px 15px; } .rm-pointers .nav-item.icon-user{ margin-bottom:5px; padding-bottom:5px; } .rm-pointers .nav-item.icon-user a.nav-link { padding-left: 45px; background: url(../css/images/images/icon-user.png) no-repeat 10px center; } .rm-pointers .nav-item.icon-user:after{ left:0px; bottom:0px; width:100%; height:1px; content:" "; position:absolute; background-color:#DADADA; } .rm-pointers .nav-item.icon-logout a.nav-link { padding-left: 45px; background: url(../css/images/images/icon-logout.png) no-repeat 10px center; } .rm-pointers .nav-item.icon-user:hover a.nav-link, .rm-pointers .nav-item.icon-logout:hover a.nav-link{ color:#6d49d3; } /*===========================================================================================HEADER CSS CLOSE */ /*===========================================================================================FOOTER CSS START */ footer.clear{ display:none; } /*===========================================================================================FOOTER CSS CLOSE */ /*===========================================================================================DASHBOARD PAGE CSS START */ .header-dots .dropdown-menu-right h2{ display:flex; color:#00213B; font-size:20px; font-weight:500; line-height:23px; text-transform:none; padding:10px 15px 2px 15px; justify-content:space-between; } .con-notifications { overflow-y: scroll; height: 300px; } .dropdown-menu .con-notifications a{ color:#616879; font-size:12px; overflow:hidden; text-overflow:ellipsis; white-space:break-spaces; } .dropdown-menu .con-notifications a:nth-child(odd){ background-color:#FFF; } .dropdown-menu .con-notifications a:nth-child(even){ background-color:#E1DAF3; } /*.dropdown-menu .con-notifications a:nth-child(odd){ background-color:#E1DAF3!important; }*/ .header-dots .dropdown-menu-right .btn-success{ height:auto; border-color:#6D49D3; background-color:#6D49D3; padding:2px 8px 0px 8px; } .box-white { padding:28px; position:relative; border-radius:10px; margin-bottom:30px; border-radius:10px; background-color:#FFF; box-shadow:0px 2px 20px rgba(0, 0, 0, 0.1); } .box-white h2 { padding-bottom:15px; } html body .notification { top:-5px; left:auto; width:20px; height:20px; right:-15px; padding:0px; border:none; display:flex; line-height:10px; align-items:center; border-radius:100%; justify-content:center; } .widget-content .widget-content-left .widget-heading{ opacity:1; color:#FFF; font-size:14px; font-weight:500; } .header-btn-lg::before{ display:none; } #dvBooking .stat-div, #dvEnquiryStatus .stat-div, #dvLoading .stat-div, #dvUnloading .stat-div{ box-shadow:0px 0px 20px rgba(0,0,0,0.2); } .tile_stats_count .stat-div .count_left.bg-lig-green{ background-color:rgba(66,255,0,0.25); } .tile_stats_count .stat-div .count_left.bg-tra-spo{ background-color:rgba(64, 255, 244, 0.25); } .tile_stats_count .stat-div .count_left.bg-man-pay{ background-color:rgba(255, 4, 117, 0.25); } #dvBooking .stat-div .data-top, #dvEnquiryStatus .stat-div .data-top, #dvLoading .stat-div .data-top, #dvUnloading .stat-div .data-top{ color:#FFF; } #dvBooking .stat-div .data span, #dvEnquiryStatus .stat-div .data span, #dvLoading .stat-div .data span, #dvUnloading .stat-div .data span{ color:#FFF; } #dvBooking .stat-div{ background-color:#6763FF; } #dvEnquiryStatus .stat-div{ background-color:#00A0B4; } #dvLoading .stat-div{ border-color:#FFD740; background-color:#E06B9F; } #dvUnloading .stat-div{ background-color:#fdc2dc; } .box-statistics{ color:#00213B; font-size:14px; padding:25px 30px; border-radius:10px; background-color:#FFF; box-shadow:0px 2px 20px rgba(0,0,0,0.1); } .box-statistics .row:not(:last-child){ padding-bottom:5px; } .box-statistics .btn{ color:#FFF; border-radius:3px; background-color:#6D49D3; } .bor-sta-div{ height:1px; display:block; margin:20px 0px; background-color:#2A2A2A; } .box-ava-sta{ color:#00213B; font-size:16px; font-weight:500; line-height:19px; padding:0px 15px; } .box-ava-sta .row{ padding:10px; min-height:110px; border-radius:10px; background-color:#FFF; box-shadow:0px 2px 20px rgba(0,0,0,0.1); } .box-ava-sta .row:not(:last-child){ margin-bottom:20px; } .box-ava-sta .row [class*=col-]:last-child{ padding-right:25px; justify-content:end; } .box-ava-sta .row [class*=col-]{ display:flex; padding:0px 10px; align-items:center; } .icon-booking, .icon-loading, .box-ava-sta i.icon-unloading, .icon-enquiry{ width:46px; height:46px; border-radius:5px; margin-right:10px; } .icon-booking { background: url(../css/images/imagesicon-booking.png) no-repeat center center #6763FF; } .icon-loading { background: url(../css/images/images/icon-total-loading.png) no-repeat center center #FFC0DC; } .box-ava-sta i.icon-unloading { background: url(../css/images/images/icon-un-loading-v2.png) no-repeat center center #00A0B4; } .icon-enquiry { background: url(../css/images/images/icon-enquiry-v2.png) no-repeat center center #E06B9F; } .nav-sm ul.nav.child_menu{ z-index:1; background-color:#6d49d3; } .box-las-bid{ color:#FFF; padding:15px; min-height:500px; border-radius:10px; box-shadow:0px 2px 20px rgba(0, 0, 0, 0.1); background:linear-gradient(180deg, #03D0C4 0%, #0090BD 100%); } .box-las-bid h4{ font-size:16px; text-align:center; } .box-las-bid .row{ padding-bottom:10px; } .box-las-bid .row span{ display:block; } .box-las-bid.blue{ background:linear-gradient(180deg, #7750E7 26.28%, #3307B0 100%); } .box-white.graph{ display:flex; min-height:500px; align-items:center; justify-content:center; } .donut { --donut-size: 245px; --donut-border-width: 20px; --donut-spacing: 0; --donut-spacing-color: 255, 255, 255; --donut-spacing-deg: calc(1deg * var(--donut-spacing)); border-radius: 50%; height: var(--donut-size); position: relative; width: var(--donut-size); } .donut__slice { height: 100%; position: absolute; width: 100%; } .donut__slice::before, .donut__slice::after { border: var(--donut-border-width) solid rgba(0, 0, 0, 0); border-radius: 50%; content: ""; height: 100%; left: 0; position: absolute; top: 0; transform: rotate(45deg); width: 100%; } .donut__slice__first { --first-start: 0; } .donut__slice__first::after { border-top-color: #ff6838; border-right-color: rgba(255, 104, 56, calc(100 * (var(--first) - 0.25))); border-bottom-color: rgba(255, 104, 56, calc(100 * (var(--first) - 0.5))); border-left-color: rgba(255, 104, 56, calc(100 * (var(--first) - 0.75))); transform: rotate(calc(360deg * var(--first-start) + 45deg + var(--donut-spacing-deg))); } .donut__slice__second { --second-start: calc(var(--first)); --second-check: max(calc(var(--second-start) - 0.5), 0); -webkit-clip-path: inset(0 calc(50% * (var(--second-check) / var(--second-check))) 0 0); clip-path: inset(0 calc(50% * (var(--second-check) / var(--second-check))) 0 0); } .donut__slice__second::after { border-top-color: #ffc820; border-right-color: rgba(255, 200, 32, calc(100 * (var(--second) - 0.25))); border-bottom-color: rgba(255, 200, 32, calc(100 * (var(--second) - 0.5))); border-left-color: rgba(255, 200, 32, calc(100 * (var(--second) - 0.75))); transform: rotate(calc(360deg * var(--second-start) + 45deg + var(--donut-spacing-deg))); } .donut__slice__third::after { border-top-color: #97c95c; border-right-color: rgba(151, 201, 92, calc(100 * (var(--third) - 0.25))); border-bottom-color: rgba(151, 201, 92, calc(100 * (var(--third) - 0.5))); border-left-color: rgba(151, 201, 92, calc(100 * (var(--third) - 0.75))); transform: rotate(calc(360deg * var(--third-start) + 45deg + var(--donut-spacing-deg))); } .donut__slice__fourth::after { border-top-color: #1cb2f6; border-right-color: rgba(28, 178, 246, calc(100 * (var(--fourth) - 0.25))); border-bottom-color: rgba(28, 178, 246, calc(100 * (var(--fourth) - 0.5))); border-left-color: rgba(28, 178, 246, calc(100 * (var(--fourth) - 0.75))); transform: rotate(calc(360deg * var(--fourth-start) + 45deg + var(--donut-spacing-deg))); } .box-red{ width:10px; height:10px; margin-right:10px; display:inline-block; background-color:#FF0000; } .bg-red-bro{ background-color:#6A0033; } .bg-purpel{ background-color:#8F00FF; } .bg-lig-blu{ background-color:#4EAAFF; } .bg-green{ background-color:#37FF33; } .bg-yellow{ background-color:#FAFF06; } /*===========================================================================================DASHBOARD PAGE CSS CLOSE */ /*===========================================================================================TRANSPOTER PAGE CSS START */ html body .table, .tableData table { /*color: #757575;*/ color: #2A2A2A; display: inline-table; border-collapse: collapse !important; } html body .table tr:nth-child(odd), .tableData table tr:nth-child(odd){ background-color:#F3F6FB; } html body .table tr:nth-child(even), .tableData table tr:nth-child(even){ background-color:#FFF; } html body .table.dataTable, .tableData table{ margin:10px 0px 12px 0px !important; } .table > thead > tr > th{ padding:10px 18px; } .table-bordered > tbody > tr > td, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > td, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > thead > tr > th{ line-height:26px; } .table > thead:first-child > tr:first-child > th{ border-top:1px solid #d1d2d6; } .table tr th, .tableData table tr th{ color:#2A2A2A; border-color:#D1D2D6; text-transform:uppercase; background-color:#D1D2D6; } .tableData table tr th{ padding:8px; line-height:26px; border-top:1px solid #ddd; } .table tr th:not(:last-child), .tableData table tr th:not(:last-child){ border-right-color:#FFF; } html body .table tr td, .tableData table tr td{ /*line-height:26px;*/ line-height:12px; vertical-align:middle; border:1px solid #D1D2D6; padding:7px 10px 6px 10px; } .tableData table tr td{ padding:5px 10px; } html body table.dataTable.no-footer{ padding-top:20px; border:1px solid #D1D2D6; } .table input[type=file]{ border:none; } html body .dataTables_paginate.paging_simple_numbers .paginate_button.current, html body .dataTables_wrapper .dataTables_paginate .paginate_button:hover{ background:#6D49D3; border-color:#757575; color:#FFF !important; } html body .dataTables_wrapper .dataTables_paginate .paginate_button{ padding:4px 10px; border:solid 1px #757575; } html body .dataTables_wrapper .dataTables_paginate .paginate_button.next{ margin-left:5px; } .dataTables_wrapper .dataTables_paginate .paginate_button + .paginate_button{ margin-left:5px; } div.dataTables_wrapper div.dataTables_length select{ margin:0px 5px; } div.dataTables_wrapper div.dataTables_filter label{ width:50%; display:inline; text-align:inherit; } div.dataTables_wrapper div.dataTables_filter label input[type=search]{ width:100%; max-width:230px; } .btn-lig-blu{ color:#FFF; background-color:#40BAFF; } div.dataTables_wrapper div.dataTables_length select { width:auto; height:auto; display:inline-block; } .dataTables_wrapper .dataTables_length label{ font-weight:normal; } #CheckBoxActive1{ top:2px; margin-right:5px; position:relative; } /*===========================================================================================TRANSPOTER PAGE CSS CLOSE */ /*===========================================================================================ADD NEW TRANSPOTER PAGE CSS START */ .subHeading{ color:#FFF; padding:15px 20px; background-color:#6763FF; margin:0px -20px 15px -20px; } #txtaddress{ max-height:34px; } #ddlStatus{ width:100%; margin-bottom:15px; } /*===========================================================================================ADD NEW TRANSPOTER PAGE CSS CLOSE */ /*===========================================================================================RECEIVER PAGE CSS START */ .icon-plus { width: 22px; height: 22px; border: none; text-indent: -999em; background: url(../css/images/images/icon-plus.svg) no-repeat left top; } .icon-delete { width: 22px; height: 22px; border: none; text-indent: -999em; background: url(../css/images/images/icon-delete.svg) no-repeat left top; } /*===========================================================================================RECEIVER PAGE CSS CLOSE */ /*===========================================================================================PAYMENT DETAILS PAGE CSS START */ #ContentPlaceHolder1_coloreffect, #ContentPlaceHolder1_AdvanceList{ position:relative; } #ContentPlaceHolder1_coloreffect dl, #ContentPlaceHolder1_AdvanceList .btn{ top:-70px; position:absolute; } #ContentPlaceHolder1_coloreffect dl{ right:-30px; min-width:241px; } #ContentPlaceHolder1_AdvanceList .btn{ right:-21px; } /*===========================================================================================PAYMENT DETAILS PAGE CSS CLOSE */ /*===========================================================================================CREATE BID FOR BOOKING PAGE CSS START */ .accordion-NewBooking .card .card-header{ height:auto; padding:0px; background-color:#6763FF; } .accordion-NewBooking .card .card-header h2{ width:100%; padding:0px; } .accordion-NewBooking .card .card-header h2 .btn{ color:#FFF; width:100%; display:flex; font-size:16px; padding:10px 20px; border-radius:0px; text-decoration:none; border-bottom:solid 1px #FFF; justify-content:space-between; } .accordion-NewBooking .card-body{ padding:20px 30px; } .accordion-NewBooking .fix-hei-scr{ width:auto; height:auto; padding:0px; overflow:inherit; } .d-fle{ display:flex; } .d-fle #btnShow{ top:4px; width:24px; float:right; margin-left:8px; position:relative; } /*===========================================================================================CREATE BID FOR BOOKING PAGE CSS CLOSE */ .col-add-che{ float:left; } .col-add-che h5{ font-size:16px; letter-spacing:0px; padding-bottom:10px; } #ContentPlaceHolder1_pnlDetail{ height:500px; overflow:scroll; } #ContentPlaceHolder1_txtSearch{ width:auto; margin-right:15px; display:inline-block; } .row-sta-wei{ display:flex; /*padding:2px 0px; margin:0px -5px;*/ align-items:center; } .row-sta-wei > div{ padding:0px 4px; } #chkPickUp{ color:#333; margin-top:15px; } #chkPickUp label, #ContentPlaceHolder1_rdbTruckType label{ display:inline; } #chkPickUp input, #ContentPlaceHolder1_rdbTruckType input{ margin-right:10px;} #grvaddnewroute_wrapper{ margin-top:30px; } #btnPickUp, #btnDrop{ margin:5px 0px 0px 8px; } .row-cha-cro{ padding-bottom:10px; } .row-cha-cro label{ display:inline; } .row-cha-cro label:not(:last-child){ padding-right:10px; } .row-cha-cro input[type="radio"]{ top:2px; margin-right:5px; position:relative; } .login-box-body{ display:flex; min-height:85vh; font-weight:400; letter-spacing:0px; align-items:center; justify-content:center; } .top-rig-btn{ float:right; } .borinp{ display:block; padding:3px 12px; border:1px solid #a3a0a0; } .thum-ver-ali{ display:flex; align-items:center; justify-content:center; } .row-rdoptions #rdoptions{ width:15%; } table#lblexpensesinvoice input, #chkchecklist input[type=checkbox], #rdbBookingType input[type=radio], #rdtyre input, #rdweight input, #ContentPlaceHolder1_chkAll, #ContentPlaceHolder1_chkPickUp input, #ContentPlaceHolder1_chkDrop input, #ContentPlaceHolder1_rdbtyres input, #ContentPlaceHolder1_chkVerify, #ContentPlaceHolder1_chkTDS{ float:left; margin-right:10px; } #ContentPlaceHolder1_rdbtyres input[type=radio]{ margin-top:3px; } #ContentPlaceHolder1_chkPickUp, #ContentPlaceHolder1_chkDrop{ margin-top:50px; } #rdbBookingType tr td{ display:block; } .bg-gra-ton{ color:#757575; font-size:14px; font-weight:500; border-radius:3px; display:inline-block; padding:2px 8px 0px 8px; border:1px solid #EDEDED; background-color:#EDEDED; text-transform:uppercase; } #lbltruckid, #pnl_weight span{ display:block; font-size:14px; font-weight:400; margin-bottom:5px; } #ContentPlaceHolder1_panel1{ padding:15px 0px 10px 0px; } .select2-container .select2-selection--single{ height:34px; } .select2-container--default .select2-selection--single{ min-height:10px; border-radius:2px; border-color:#a3a0a0; } .select2-container--default .select2-selection--single:focus{ outline:none; border-color:#269BFF; box-shadow:0px 0px 8px rgba(38, 155, 255, 0.4); } .select2-container--default .select2-selection--single .select2-selection__rendered{ color:#3e3e3e; padding-top:2px; } .select2-container--default .select2-selection--single .select2-selection__arrow{ height:32px; } .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b{ margin-top:-3px; } /*.list-led-icon{ display:flex; align-items:center; justify-content:center; }*/ .list-led-icon input, .list-led-icon a{ margin:0px 5px; } .list-led-icon input{ display:inline-flex; } .list-led-icon a{ display:inline-flex; } /*.list-led-icon input[type=image], .list-led-icon a img{ max-width:20px; }*/ .list-led-icon.left{ justify-content:left; } #ContentPlaceHolder1_chkTDS{ top:2px; margin-right:5px; position:relative; } .tab-booking button{ width:100%; padding:0px; border:none; font-size:17px; transition: 0.3s; border-radius:0px; } .tab-booking button:hover{ opacity:0.8; } .tab-booking button:not(:last-child){ margin-right:5px; } .tab-booking button a{ color:#FFF; width:100%; display:flex; text-transform:uppercase; padding:14px 16px 13px 16px; justify-content:space-between; } .tab-booking button a:hover{ text-decoration:none; } button.tab-blue{ background-color:#6763FF; border-bottom:solid 6px #6763FF; } button.tab-blue.active{ border-color:#0019FD; background-color:#6763FF; } button.tab-sky-blue{ background-color:#00A0B4; border-bottom:solid 6px #00A0B4; } button.tab-sky-blue.active{ border-color:#066e7a; background-color:#00A0B4; } button.tab-pink{ background-color:#E06B9F; border-bottom:solid 6px #E06B9F; } button.tab-pink.active{ border-color:#C90078; background-color:#E06B9F; } ul.list-tot-ass{ float:right; padding:0px; color:#00213B; font-size:14px; list-style:none; font-weight:500; margin:2px 0px 0px 0px; } ul.list-tot-ass li{ padding:10px; border-radius:10px; background-color:#FFF; } .list-gro-itm input[type=file]{ max-width:215px; } hr.divider{ margin:20px 0px; background-color:#CCC; } #Updatetruckimg > .row{ margin:-10px -10px 0px -10px; } #Updatetruckimg > .row > [class*=col-], #updateimglot > .row > [class*=col-]{ padding:10px; } #pnladvancepay, #paneladvancetopay, #paneltobepay{ padding:15px 0px 10px 0px; } .icon-plus-minus{ max-width:14px; cursor:pointer; margin-left:5px; } html body .select2-container .select2-selection--single{ height:auto; } .Popup{ padding:25px; font-size:18px; border-radius:10px; background-color:#FFF; box-shadow:0px 0px 20px rgba(0,0,0,0.5); } .Popup h4{ font-weight:500; margin-bottom:15px; padding-bottom:15px; border-bottom:solid 1px #CCC; } .Popup .row:not(:last-child){ padding-bottom:20px; } .Popup span[data-val-errormessage], .row span[data-val-errormessage]{ position:absolute; } .foo-pop{ text-align:right; padding-top:15px; } #legend{ margin-top:20px; } .con-buzz input[type=checkbox]{ top:2px; position:relative; } .con-buzz label{ padding:0px 10px; display:inline-block; } .btn-can-bid { width: 20px; height: 20px; border: none; text-indent: -999em; background: url(../css/images/images/icon-close.svg) no-repeat left top; } .btn-pay-now { width: 20px; height: 20px; border: none; text-indent: -999em; /*background: url(../css/images/images/icon-wallet.svg) no-repeat left top;*/ /*background-image: url('../../images/cbe092d4b1500dfb555df229c2580fc0.png');*/ background-image: url('../../images/a67978c6c9bfad78142c8ecf6588f78b.png'); background-image: url('../../images/cbe092d4b1500dfb555df229c2580fc0.png'); } .icon-docs { width: 20px; height: 20px; border: none; text-indent: -999em; /*background: url(../css/images/images/icon-file-view.svg) no-repeat left top;*/ background-image: url('../../images/c9bf684ce06936d1a961c3764e155e34.png'); } .icon-invoices { width: 20px; height: 20px; border: none; text-indent: -999em; /*background: url(../css/images/images/icon-invoice.svg) no-repeat left top;*/ background-image: url('../../images/0fc2e59e44c84386e8605304833865f2.png'); } .icon-view-detail { width: 20px; height: 20px; border: none; text-indent: -999em; background: url(../css/images/images/icon-file-view.svg) no-repeat left top; } #btnViewAll{ top:-12px; position:relative; } .box-tab{ padding-bottom:15px; } .box-tab [type="submit"]{ color:#FFF; border:none; font-size:16px; text-align:left; padding:15px 20px; border-radius:0px; text-transform:uppercase; background-color:#9897ba; box-shadow:inset 0px -5px 0px rgba(0,0,0,0.2); } .box-tab [type="submit"]:not(:last-child){ margin-right:2px; } .icon-edit { width: 20px; height: 20px; border: none; text-indent: -999em; background: url(../css/images/images/icon-edit.svg) no-repeat left top; } .icon-unloading { width: 20px; height: 20px; border: none; text-indent: -999em; background: url(../css/images/images/icon-unloading.svg) no-repeat left top; } .icon-upload-document { width: 20px; height: 20px; border: none; text-indent: -999em; background: url(../css/images/images/icon-upload.svg) no-repeat left top; } .page-view-book fieldset{ margin:0px; padding:0px; border:none; background-color:#FFF; } .page-view-book fieldset legend{ margin:0px; color:#2A2A2A; display:block; font-size:18px; font-weight:bold; background-color:#C7E5F9; padding:8px 25px 7px 25px; } .page-view-book fieldset label{ font-weight:500; text-transform:uppercase; } .page-view-book fieldset .row{ margin:0px; padding:15px 10px 13px 10px; } .row-upload .select2-container{ width:100% !important; } .non-chk #ContentPlaceHolder1_chkTDS{ float:none; } #pnlDetail{ overflow-y:scroll; } .row-sou-adj span[data-val-errormessage]{ top:65px; left:15px; } .box-tru-wei{ width:100%; padding:15px; } .row-wei-to{ top:5px; position:relative; } .row-wei-to .col-md-2{ flex:none; width:auto; padding:0px; } span.aspNetDisabled{ display:flex; padding:20px 0px 10px 0px; } span.aspNetDisabled input[type=checkbox]{ margin:-7px 10px 0px 0px; } /*#ContentPlaceHolder1_UpdatePanel1{ overflow-x:scroll; } #ContentPlaceHolder1_UpdatePanel1 > div{ width:1200px; }*/ /*===========================================================================================MENU CSS START */ .menu-icon{ display:none; } @media (min-width: 992px) { header{ max-width: 1000px; margin-left: auto; margin-right: auto; } /* .navbar { width: 100%; background-color: #f9f9f9; border: thin solid #ededed; height: 44px; }*/ .navbar .logo { padding: 11px; font-size: 0.9375em; font-weight: 800; float: left; } } #hamburger { width: 30px; position: relative; margin: auto; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out; cursor: pointer; } #hamburger span { display: block; position: absolute; height: 5px; width: 100%; background: #FFF; border-radius: 9px; opacity: 1; left: 7px; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out; } #hamburger span:nth-child(1) { top: 0px; } #hamburger span:nth-child(2) { top: 11px; } #hamburger span:nth-child(3) { top: 22px; } #hamburger.open span:nth-child(1) { top: 11px; -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg); } #hamburger.open span:nth-child(2) { opacity: 0; left: -30px; } #hamburger.open span:nth-child(3) { top: 11px; -webkit-transform: rotate(-135deg); -moz-transform: rotate(-135deg); -o-transform: rotate(-135deg); transform: rotate(-135deg); } .sitenavigation ul { margin: 0; padding: 0; float: right; } .sitenavigation li { padding: 0; margin: 0; display: inline-block; } .sitenavigation li.nav-dropdown:hover > a { background-color: #CCC !important; color: #000; } .sitenavigation li a { color: #758283; text-decoration: none; display: block; padding: 11px 14px; -webkit-tap-highlight-color: transparent; } .sitenavigation li a.nav-path-selected, .sitenavigation li a.linkclicked { color: white; background-color: #ECECEC; } .sitenavigation li.clicked > ul { display: block; } .sitenavigation li ul { display: none; position: absolute; min-width: 200px; max-width: 300px; padding: 0; margin: 0; } .sitenavigation li ul li { float: none; display: block; margin: 0; } .sitenavigation li ul ul { left: 100%; margin-top: -40px; } .sitenavigation li ul ul a { background-color: lightgray; } .sitenavigation .nav-dropdown:hover > a, .sitenavigation .nav-dropdown.clicked > a { background-color: #ECECEC; } .no-js .sitenavigation li:hover > ul { display: block !important; } /*.menu-icon{ display:none; }*/ @media (max-width: 991px) { .menu_section .menu-icon { width: 30px; height: 25px; padding-top: 0; display: block; -webkit-tap-highlight-color: transparent; padding:2px 5px 12px 5px; margin-bottom: 10px; cursor: pointer; margin:-7px 17px 0px 0px; float:right; } .menu_section .sitenavigation ul { display: none; max-width: none !important; } .menu_section .sitenavigation li { } .menu_section .sitenavigation.is-tapped > ul { display: block; position: absolute; margin: 0; background-color: #593ab3; right: 0; left: 0; z-index: 100; padding: 0; } .menu_section .sitenavigation.is-tapped > ul a { } .menu_section .sitenavigation.is-tapped > ul a:hover { } .menu_section .sitenavigation.is-tapped > ul li { width: 100%; background-color:#593ab3; border-bottom: solid 1px #b9b9b9; -webkit-tap-highlight-color: transparent; } .menu_section .sitenavigation.is-tapped > ul li li{ background-color:#593ab3; } .menu_section .sitenavigation.is-tapped > ul ul { display: none; width: 100%; z-index: 200; border: none; margin-left: 0; padding: 0; position: relative !important; } .menu_section .sitenavigation.is-tapped > ul ul ul { clear: both; left: 0; margin-top: 0; } .menu_section .sitenavigation.is-tapped > ul ul li { border-bottom: solid 1px #f9f9f9; } .menu_section .sitenavigation.is-tapped > ul ul li li a { background-color: #f9f9f9; padding-left: 30px; } .menu_section .sitenavigation.is-tapped > ul ul a { } .menu_section .sitenavigation.is-tapped > ul li.nav-dropdown { cursor: pointer; } .menu_section .sitenavigation.is-tapped > ul li.nav-dropdown:after { content: "\f107"; font-family: FontAwesome; position: absolute; color: #000; padding: 0; display: block; width: 5%; right: 0; margin-top: -40px; text-align: center; font-size: 16px; font-weight: 700; padding-top: 10px; padding-bottom: 10px; } .menu_section .sitenavigation.is-tapped > ul li.expanded:after { display: none; } .menu_section .sitenavigation.is-tapped > ul li.expanded li:first-child:before { content: "\f106"; font-family: FontAwesome; position: absolute; color: black; padding: 0; display: block; width: 5%; right: 0; margin-top: -40px; text-align: center; font-size: 16px; font-weight: 700; padding-top: 10px; padding-bottom: 10px; } } /*===========================================================================================MENU CSS CLOSE */ /*===========================================================================================RESPONSIVE CSS START */ @media (max-width:767px) and (min-width:569px){ .dblock{ display:block !important; } } @media (min-width:1201px){ .box-tab [type="submit"]{ min-width:219px; } } @media (min-width:1081px){ .box-statistics .row [class*=col-]:last-child{ text-align:right; } } @media (min-width:991px){ .box-tab{ display:flex; } .row-boo-sta{ margin-left:0px; margin-right:0px; } .row-boo-sta [class*=col-]{ flex:none; width:auto; padding:0px; max-width:none; } #rdbBookingType tr{ width:15%; float:left; } table#lblexpensesinvoice{ max-width:15%; } .nav.side-menu li a{ display:flex; align-items:center; } } @media (min-width:768px){ .list-gro-itm{ display:flex; max-width:310px; justify-content:space-between; } .tab-booking{ display:flex; } } @media (min-width:569px){ .col-add-che{ padding-right:11px; } .top-rig-btn{ margin-top:-3px; } ul.list-tot-ass li{ display:inline; } ul.list-tot-ass li:not(:last-child){ margin-right:15px; } } @media (max-width:1080px){ .tile_stats_count .stat-div .count_right .data-top{ font-size: 13px; } } @media (max-width:990px){ html body h1, html body h2{ font-size:22px; padding-bottom:10px; } dl dd{ margin: 0px 12px 0px 5px; } input[type=file]{ width:100%; } .mm-b-20{ margin-bottom:20px; } .row-add-new [class*=col-], .box-adj-pay [class*=col-]{ margin-bottom:15px; } #chkPickUp td{ width:50%; display:inline-block; } #accordionExample #chkPickUp td{ width:100%; } .box-add-new > div, #pnlDetail .table-responsive > div, #ContentPlaceHolder1_Ugroup2 > div, #ContentPlaceHolder1_panel1 div{ width:100% !important; } #ContentPlaceHolder1_Ugroup2 .table-responsive > div, #ContentPlaceHolder1_Ugroup2{ width:100% !important; } .scr-mid{ overflow-x:scroll; } .box-tab [type="submit"]{ width:100%; font-size:14px; padding:14px 18px; text-transform:none; } .box-tab .btn + .btn{ margin-left:0px; } .tab-booking button{ font-size:14px; } .row-boo-sta{ padding-bottom:15px; } .row-boo-sta dl{ margin-bottom:10px; } ul.list-tot-ass{ font-size:12px; margin:-2px 0px 0px 0px; } .row-rdoptions #rdoptions{ width:50%; } .accordion-NewBooking .card-body{ padding:20px; } #ContentPlaceHolder1_panel2 #ContentPlaceHolder1_upload1 .tableData{ margin-bottom:15px; } .box-unload .row.row-add-new.p-t-15{ padding-top:0px; } .page-view-book fieldset legend{ font-size:16px; padding:8px 25px 6px 25px; } #ContentPlaceHolder1_UpdatePanel1 > div{ width:auto !important; overflow-x: inherit !important; } .header-dots .d-lg-none.d-md-block{ display:none !important; } .menu-hamburger .main_menu_side{ margin-right:-6px; } .app-header-right{ padding-right:50px; } .app-header__content{ margin-left:-170px; } .menu-hamburger{ overflow:hidden; margin-right:6px; } .main_menu .menu_section{ /*top:-3px;*/ z-index:1; /*right:15px;*/ width:100%; /*position:fixed; justify-content:right;*/ } .menu_section .sitenavigation.is-tapped > ul { left:0px; padding:0px 15px; margin:36px -6px 0px 0px; } html body .nav.side-menu li a .fa.fa-angle-down{ float:right; margin-right:10px; } html body .nav.side-menu li{ padding:10px 0px 10px 0px; } .sitenavigation.is-tapped > ul ul a:before { content: "- "; display: inline-block; margin-right: 8px; color: #000; } } @media (max-width:768px){ .widthauto{ width:auto !important; } .box-upl-doc .row [class*=col-]{ padding-bottom:15px; } .row.p-t-30.row-upload{ padding-top:0px; } select.form-control, input.form-control{ max-width:100%; } .row-wei-to{ margin:0px; } .row-wei-to .col-md-2 p{ padding-right:10px; } .row.row-wei-to input.form-control{ width:90% !important; } .mm-t-0{ margin-top:0px; } } @media (max-width:767px){ html body h1, html body h2{ font-size:18px; text-transform:none; } dl{ font-size:11px; } dl dt{ width:14px; height:14px; } small{ line-height:14px; font-size:12px; } .box-ava-sta.Available_Statistics, .box-las-bid.blue{ margin-top:20px; } .box-ava-sta .row{ min-height:80px; } .box-white.graph{ min-height:10px; } .box-statistics .btn{ width:100%; } .box-ava-sta{ font-size:14px; } #grvaddnewroute_wrapper{ overflow-x:scroll; } #grvaddnewroute_wrapper table{ width:1000px; max-width:none; } .table-responsive{ border:none; } .top-rig-btn .btn{ font-size:12px; padding:4px 10px; } #ContentPlaceHolder1_form .row [class*=col-], .box-tdsslab .row [class*=col-], .row-tru-typ [class*=col-]{ padding-bottom:15px; } .box-tdsslab.loadingpag .p-t-15{ padding-top:0px; } #reptingmain .m-t-b-15{ margin-top:0px; } #ContentPlaceHolder1_form .p-t-15{ padding-top:0px; } table.table{ width:1200px !important; max-width:none; } .row-add-che .col-add-che, .row-add-che .col-add-che input[type=text]{ width:100%; } .row-add-che .m-t-34{ margin-top:7px; } .row-add-che{ padding-bottom:25px; } .box-tab [type="submit"]{ font-size:12px; padding:12px 18px 14px 18px; } .tab-booking button{ font-size:14px; } .blankLab{ display:none; } #ContentPlaceHolder1_chkPickUp{ margin-top:20px; } .btn-top-rig{ margin-top:0px; padding-bottom:10px; } .btn-top-rig .btn{ font-size:12px; padding:4px 9px; } .row-boo-sta{ margin-top:0px; } .row-boo-sta dl{ margin-bottom:5px; } .subHeading{ font-size:15px; } ul.list-tot-ass{ float:none; margin-bottom:15px; } #updateimglot .row [class*=col-]{ padding-left:15px; padding-right:15px; } #panelt input[type=submit], #panelt button{ width:100%; margin:0px 0px 15px 0px; } .box-upl-doc.pay-now .row.p-t-15{ padding-top:0px; } .newbooking .row.p-t-15{ padding-top:0px; } #paneladvancetopay{ padding-top:0px; } span.aspNetDisabled{ padding:0px 0px 10px 0px; } #panelcust_details{ margin-top:0px; } .page-view-book fieldset legend{ font-size:14px; } } @media (max-width:568px){ #chkPickUp td{ width:100%; } .thum-ver-ali{ padding-bottom:15px; } #reptingmain .row .row .col-12{ padding-bottom:15px; } .row-bla-lis [class*=col-]:not(:last-child){ padding-bottom:15px; } .row-bla-lis .blankLab{ display:none; } #ContentPlaceHolder1_form .blankLab.h17{ display:none; } .row-add-che input[type=submit]{ width:100%; } .row-add-che .btn + .btn{ margin-left:0px; } #ContentPlaceHolder1_txtbookingid{ margin-bottom:15px; } .mp-t-15{ padding-top:15px; } .btn-top-rig{ float:none; } ul.list-tot-ass li{ width:100%; } ul.list-tot-ass li:not(:last-child){ margin-bottom:15px; } } /*===========================================================================================RESPONSIVE CSS CLOSE */