.form-control + .input-group-addon:not(:first-child) { border-left: 0; } .input-group-btn { font-size: 0; position: relative; white-space: nowrap; } .input-group-btn > .btn { position: relative; } .input-group-btn > .btn + .btn { margin-left: -1px; } .input-group-btn > .btn:active, .input-group-btn > .btn:focus, .input-group-btn > .btn:hover { z-index: 3; } .input-group-btn:not(:last-child) > .btn, .input-group-btn:not(:last-child) > .btn-group { margin-right: -1px; } .input-group-btn:not(:first-child) > .btn, .input-group-btn:not(:first-child) > .btn-group { z-index: 2; margin-left: -1px; } .input-group-btn:not(:first-child) > .btn-group:active, .input-group-btn:not(:first-child) > .btn-group:focus, .input-group-btn:not(:first-child) > .btn-group:hover, .input-group-btn:not(:first-child) > .btn:active, .input-group-btn:not(:first-child) > .btn:focus, .input-group-btn:not(:first-child) > .btn:hover { z-index: 3; } .navs { margin-bottom: 0; padding-left: 0; list-style: none; } .navs-link { position: relative; display: block; overflow: hidden; padding: 0.715rem 1.072rem; } .navs-link:focus, .navs-link:hover { text-decoration: none; background-color: #f3f7f9; } .navs-link.disabled { color: #a3afb7; } .navs-link.disabled, .navs-link.disabled:focus, .navs-link.disabled:hover { cursor: not-allowed; color: #a3afb7; background-color: transparent; } .navs-inline .navs-item { display: inline-block; } .navs-inline .navs-item + .navs-item, .navs-inline .navs-link + .navs-link { margin-left: 1rem; } .navs-tabs { border-bottom: 1px solid #e4eaec; } .navs-tabs::after { display: table; clear: both; content: ""; } .navs-tabs .navs-item { float: left; margin-bottom: -1px; } .navs-tabs .navs-item + .navs-item { margin-left: 2px; } .navs-tabs .navs-link { display: block; padding: 0.715rem 1.429rem; border: 1px solid transparent; border-top-left-radius: 0.215rem; border-top-right-radius: 0.215rem; -webkit-transition: 0.25s; -o-transition: 0.25s; transition: 0.25s; color: #76838f; } .navs-tabs .navs-link:focus, .navs-tabs .navs-link:hover { border-color: transparent transparent #e4eaec; background-color: #f3f7f9; } .navs-tabs .navs-link.disabled, .navs-tabs .navs-link.disabled:focus, .navs-tabs .navs-link.disabled:hover { color: #a3afb7; border-color: transparent; background-color: transparent; } .navs-tabs .navs-item.open .navs-link, .navs-tabs .navs-item.open .navs-link:focus, .navs-tabs .navs-item.open .navs-link:hover, .navs-tabs .navs-link.active, .navs-tabs .navs-link.active:focus, .navs-tabs .navs-link.active:hover { color: #fff; background-color: #62a8ea; border-color: transparent; border-bottom-color: #62a8ea; } .navs-tabs .dropdown-menu { margin-top: -1px; border-top-left-radius: 0; border-top-right-radius: 0; } .navs-pills::after { display: table; clear: both; content: ""; } .navs-pills .navs-item { float: left; } .navs-pills .navs-item + .navs-item { margin-left: 2px; } .navs-pills .navs-link { display: block; padding: 0.715rem 1.429rem; border-radius: 0.215rem; } .navs-pills .navs-item.open .navs-link, .navs-pills .navs-item.open .navs-link:focus, .navs-pills .navs-item.open .navs-link:hover, .navs-pills .navs-link.active, .navs-pills .navs-link.active:focus, .navs-pills .navs-link.active:hover { cursor: default; color: #fff; background-color: #62a8ea; } .navs-stacked .navs-item { display: block; float: none; } .navs-stacked .navs-item + .navs-item { margin-top: 2px; margin-left: 0; } .tab-content > .tab-pane { display: none; } .tab-content > .active { display: block; } .navsbar { position: relative; padding: 1.5715rem 0.9375rem; } .navsbar::after { display: table; clear: both; content: ""; } @media (min-width: 480px) { .navsbar { border-radius: 0.215rem; } } .navsbar-full { z-index: 1200; } @media (min-width: 480px) { .navsbar-full { border-radius: 0; } } .navsbar-fixed-bottom, .navsbar-fixed-top { position: fixed; z-index: 1500; right: 0; left: 0; } @media (min-width: 480px) { .navsbar-fixed-bottom, .navsbar-fixed-top { border-radius: 0; } } .navsbar-fixed-top { top: 0; } .navsbar-fixed-bottom { bottom: 0; } .navsbar-brand { font-size: 1.286rem; float: left; margin-right: 1rem; padding-top: 4px; padding-bottom: 4px; } .navsbar-brand:focus, .navsbar-brand:hover { text-decoration: none; } .navsbar-brand > img { display: block; } .navsbar-toggler { font-size: 1.286rem; line-height: 1; width: 2.5em; height: 2em; padding: 0.5rem 0.75rem; border: 1px solid transparent; border-radius: 0.215rem; background: transparent no-repeat center center; -webkit-background-size: 24px 24px; background-size: 24px 24px; } .navsbar-toggler:focus, .navsbar-toggler:hover { text-decoration: none; } .navsbar-navs .navs-item { float: left; } .navsbar-navs .navs-link { display: block; padding-top: 0.425rem; padding-bottom: 0.425rem; } .navsbar-navs .navs-link + .navs-link, .navsbar-navs .navs-item + .navs-item { margin-left: 1rem; } .card { position: relative; display: block; border-radius: 0.215rem; background-color: #fff; margin-bottom: 2.143rem; } .card-block { padding: 1.429rem; } .card-block::after { display: table; clear: both; content: ""; } .card-title { margin-bottom: 0.858rem; margin-top: 0; } .card-text:last-child { margin-bottom: 0; } .card-link:hover { text-decoration: none; } .card-link + .card-link { margin-left: 1.429rem; } .card > .list-group:first-child .list-group-item:first-child { border-top-left-radius: 0.215rem; border-top-right-radius: 0.215rem; } .card > .list-group:last-child .list-group-item:last-child { border-bottom-right-radius: 0.215rem; border-bottom-left-radius: 0.215rem; } .card-header { margin-bottom: 0; padding: 0.858rem 1.429rem; border-bottom: 1px solid #e4eaec; background-color: #f3f7f9; } .card-header::after { display: table; clear: both; content: ""; } .card-header:first-child { border-radius: -webkit-calc(0.215rem - 1px) -webkit-calc(0.215rem - 1px) 0 0; border-radius: calc(0.215rem - 1px) calc(0.215rem - 1px) 0 0; } .card-footer { padding: 0.858rem 1.429rem; border-top: 1px solid #e4eaec; background-color: #f3f7f9; } .card-footer::after { display: table; clear: both; content: ""; } .card-footer:last-child { border-radius: 0 0 -webkit-calc(0.215rem - 1px) -webkit-calc(0.215rem - 1px); border-radius: 0 0 calc(0.215rem - 1px) calc(0.215rem - 1px); } .card-img { border-radius: -webkit-calc(0.215rem - 1px); border-radius: calc(0.215rem - 1px); border-radius: 0; } .card-img-overlay { position: absolute; top: 0; right: 0; bottom: 0; left: 0; padding: 1.429rem; } .card-img-top { border-top-left-radius: -webkit-calc(0.215rem - 1px); border-top-left-radius: calc(0.215rem - 1px); border-top-right-radius: -webkit-calc(0.215rem - 1px); border-top-right-radius: calc(0.215rem - 1px); } .card-img-bottom { border-bottom-right-radius: -webkit-calc(0.215rem - 1px); border-bottom-right-radius: calc(0.215rem - 1px); border-bottom-left-radius: -webkit-calc(0.215rem - 1px); border-bottom-left-radius: calc(0.215rem - 1px); } .breadcrumb { margin-bottom: 1rem; padding: 0.75rem 1rem; list-style: none; border-radius: 0.215rem; background-color: transparent; margin-bottom: 10px; } .breadcrumb::after { display: table; clear: both; content: ""; } .breadcrumb-item { float: left; } .breadcrumb-item + .breadcrumb-item::before { display: inline-block; padding-right: 0.5rem; padding-left: 0.5rem; content: "/"; color: #ccd5db; padding: 0 5px; } .breadcrumb-item + .breadcrumb-item:hover::before { text-decoration: underline; } .breadcrumb-item + .breadcrumb-item:hover::before { text-decoration: none; } .breadcrumb-item.active { color: #76838f; } .pagination { display: inline-block; margin-top: 1rem; margin-bottom: 1rem; padding-left: 0; border-radius: 0.215rem; } .page-item { display: inline; } .page-item:first-child .page-link { margin-left: 0; border-top-left-radius: 0.215rem; border-bottom-left-radius: 0.215rem; } .page-item:last-child .page-link { border-top-right-radius: 0.215rem; border-bottom-right-radius: 0.215rem; } .page-item.active .page-link, .page-item.active .page-link:focus, .page-item.active .page-link:hover { z-index: 2; cursor: default; color: #fff; border-color: #62a8ea; background-color: #62a8ea; } .page-item.disabled .page-link, .page-item.disabled .page-link:focus, .page-item.disabled .page-link:hover { cursor: not-allowed; pointer-events: none; color: #ccd5db; border-color: #e4eaec; background-color: transparent; } .page-link { position: relative; float: left; margin-left: -1px; padding: 0.643rem 1.072rem; text-decoration: none; color: #76838f; border: 1px solid #e4eaec; background-color: transparent; -webkit-transition: background 0.2s ease-out, border-color 0s ease-out, color 0.2s ease-out; -o-transition: background 0.2s ease-out, border-color 0s ease-out, color 0.2s ease-out; transition: background 0.2s ease-out, border-color 0s ease-out, color 0.2s ease-out; } .page-link:focus, .page-link:hover { color: #89bceb; border-color: #e4eaec; background-color: #f3f7f9; -webkit-transition: background 0.2s ease-out, border-color 0.2s ease-out, color 0.2s ease-out; -o-transition: background 0.2s ease-out, border-color 0.2s ease-out, color 0.2s ease-out; transition: background 0.2s ease-out, border-color 0.2s ease-out, color 0.2s ease-out; text-decoration: none; } .pagination-lg .page-link { font-size: 1.286rem; padding: 0.715rem 1.215rem; } .pagination-lg .page-item:first-child .page-link { border-top-left-radius: 0.286rem; border-bottom-left-radius: 0.286rem; } .pagination-lg .page-item:last-child .page-link { border-top-right-radius: 0.286rem; border-bottom-right-radius: 0.286rem; } .pagination-sm .page-link { font-size: 0.858rem; padding: 0.429rem 0.786rem; } .pagination-sm .page-item:first-child .page-link { border-top-left-radius: 0.143rem; border-bottom-left-radius: 0.143rem; } .pagination-sm .page-item:last-child .page-link { border-top-right-radius: 0.143rem; border-bottom-right-radius: 0.143rem; } .tag { font-weight: 400; line-height: 1; display: inline-block; padding: 0.25em 0.6em; text-align: center; vertical-align: baseline; color: #fff; border-radius: 0.215rem; } .tag:empty { display: none; } .btn .tag { position: relative; top: -1px; } a.tag:focus, a.tag:hover { cursor: pointer; text-decoration: none; color: #fff; } .tag-pill { padding-right: 0.6em; padding-left: 0.6em; border-radius: 10rem; padding: 3px 6px; } .tag-default { background-color: #e4eaec; color: #76838f; } .tag-default[href]:focus, .tag-default[href]:hover { background-color: #c6d3d7; background-color: #f3f7f9; } .tag-primary { background-color: #62a8ea; } .tag-primary[href]:focus, .tag-primary[href]:hover { background-color: #358fe4; background-color: #89bceb; } .tag-success { background-color: #46be8a; } .tag-success[href]:focus, .tag-success[href]:hover { background-color: #369b6f; background-color: #5cd29d; } .tag-info { background-color: #57c7d4; } .tag-info[href]:focus, .tag-info[href]:hover { background-color: #33b6c5; background-color: #77d6e1; } .tag-warning { background-color: #f2a654; } .tag-warning[href]:focus, .tag-warning[href]:hover { background-color: #ee8d25; background-color: #f4b066; } .tag-danger { background-color: #f96868; } .tag-danger[href]:focus, .tag-danger[href]:hover { background-color: #f73737; background-color: #fa7a7a; } .alert { margin-bottom: 1rem; padding: 15px; border: 1px solid transparent; border-radius: 0.215rem; padding-right: 20px; padding-left: 20px; } .alert-heading { color: inherit; } .alert-link { font-weight: 700; } .alert-dismissible { padding-right: 30px; padding-right: 40px; } .alert-dismissible .close { position: relative; top: -0.125rem; right: -15px; color: inherit; top: 0; text-decoration: none; opacity: 0.6; } .alert-success { color: #46be8a; border-color: #e7faf2; background-color: rgba(231, 250, 242, 0.8); } .alert-success .close { color: #46be8a; } .alert-success .close:focus, .alert-success .close:hover { color: #46be8a; } .alert-info { color: #57c7d4; border-color: #ecf9fa; background-color: rgba(236, 249, 250, 0.8); } .alert-info .close { color: #57c7d4; } .alert-info .close:focus, .alert-info .close:hover { color: #57c7d4; } .alert-warning { color: #f2a654; border-color: #fff3e6; background-color: rgba(255, 243, 230, 0.8); } .alert-warning .close { color: #f2a654; } .alert-warning .close:focus, .alert-warning .close:hover { color: #f2a654; } .alert-danger { color: #f96868; border-color: #ffeaea; background-color: rgba(255, 234, 234, 0.8); } .alert-danger .close { color: #f96868; } .alert-danger .close:focus, .alert-danger .close:hover { color: #f96868; } .media, .media-body { overflow: hidden; } .media-body { width: 10000px; } .media-body, .media-left, .media-right { display: table-cell; vertical-align: top; } .media-middle { vertical-align: middle; } .media-bottom { vertical-align: bottom; } .media-object { display: block; width: 120px; } .media-object.img-thumbnail { max-width: none; } .media-right { padding-left: 20px; } .media-left { padding-right: 20px; } .media-heading { margin-top: 0; margin-bottom: 5px; } .media-list { padding-left: 0; list-style: none; } .list-group { margin-bottom: 0; padding-left: 0; margin-bottom: 20px; } .list-group-item { position: relative; display: block; margin-bottom: -1px; padding: 0.75rem 1.25rem; border: 1px solid transparent; background-color: #fff; } .list-group-item:first-child { border-top-left-radius: 0.215rem; border-top-right-radius: 0.215rem; } .list-group-item:last-child { margin-bottom: 0; border-bottom-right-radius: 0.215rem; border-bottom-left-radius: 0.215rem; } .list-group-item.disabled, .list-group-item.disabled:focus, .list-group-item.disabled:hover { cursor: not-allowed; color: #ccd5db; background-color: transparent; } .list-group-item.disabled .list-group-item-heading, .list-group-item.disabled:focus .list-group-item-heading, .list-group-item.disabled:hover .list-group-item-heading { color: inherit; } .list-group-item.disabled .list-group-item-text, .list-group-item.disabled:focus .list-group-item-text, .list-group-item.disabled:hover .list-group-item-text { color: #ccd5db; } .list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover { z-index: 2; text-decoration: none; color: #62a8ea; border-color: transparent; background-color: transparent; } .list-group-item.active .list-group-item-heading, .list-group-item.active .list-group-item-heading > .small, .list-group-item.active .list-group-item-heading > small, .list-group-item.active:focus .list-group-item-heading, .list-group-item.active:focus .list-group-item-heading > .small, .list-group-item.active:focus .list-group-item-heading > small, .list-group-item.active:hover .list-group-item-heading, .list-group-item.active:hover .list-group-item-heading > .small, .list-group-item.active:hover .list-group-item-heading > small { color: inherit; } .list-group-item.active .list-group-item-text, .list-group-item.active:focus .list-group-item-text, .list-group-item.active:hover .list-group-item-text { color: #fff; } .list-group-item-heading { margin-top: 0; margin-bottom: 5px; } .list-group-item-text { line-height: 1.3; margin-bottom: 0; } .close { font-size: 1.5rem; font-weight: 700; line-height: 1; float: right; opacity: 0.2; color: #000; text-shadow: none; } .close:focus, .close:hover { cursor: pointer; text-decoration: none; opacity: 0.5; color: #000; } button.close { padding: 0; cursor: pointer; border: 0; background: 0 0; -webkit-appearance: none; } .modal-open { overflow: hidden; } .modal { position: fixed; z-index: 1700; top: 0; right: 0; bottom: 0; left: 0; display: none; overflow: hidden; outline: 0; } .modal.fade .modal-dialog { -webkit-transition: -webkit-transform 0.3s ease-out; -o-transition: -o-transform 0.3s ease-out; transition: transform 0.3s ease-out; -webkit-transform: translate(0, -25%); -ms-transform: translate(0, -25%); -o-transform: translate(0, -25%); transform: translate(0, -25%); } .modal.in .modal-dialog { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); } .modal-open .modal { overflow-x: hidden; overflow-y: auto; } .modal-dialog { position: relative; width: auto; margin: 10px; } .modal-content { position: relative; border: 1px solid transparent; border-radius: 0.286rem; outline: 0; background-color: #fff; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-box-shadow: 0 2px 12px rgba(0, 0, 0, 0.2); box-shadow: 0 2px 12px rgba(0, 0, 0, 0.2); border: none; } .modal-backdrop { position: fixed; z-index: 1600; top: 0; right: 0; bottom: 0; left: 0; background-color: #000; } .modal-backdrop.fade { opacity: 0; } .modal-backdrop.in { opacity: 0.5; } .modal-header { padding: 15px 20px; border-bottom: 1px solid #e4eaec; border-bottom: none; } .modal-header::after { display: table; clear: both; content: ""; } .modal-header .close { margin-top: -2px; margin-top: 1px; } .modal-title { line-height: 1.571429; margin: 0; } .modal-body { position: relative; padding: 20px; } .modal-footer { padding: 20px; text-align: right; border-top: 1px solid #e4eaec; padding: 6px 20px 20px; border-top: none; } .modal-footer::after { display: table; clear: both; content: ""; } .modal-scrollbar-measure { position: absolute; top: -9999px; overflow: scroll; width: 50px; height: 50px; } @media (min-width: 480px) { .modal-dialog { max-width: 600px; margin: 30px auto; margin: 30px; } .modal-content { -webkit-box-shadow: 0 2px 12px rgba(0, 0, 0, 0.2); box-shadow: 0 2px 12px rgba(0, 0, 0, 0.2); } .modal-sm { max-width: 300px; } } @media (min-width: 992px) { .modal-lg { max-width: 900px; } } .tooltip { font-family: Roboto, sans-serif; font-size: 0.858rem; font-weight: 400; font-style: normal; line-height: 1.571429; position: absolute; z-index: 1900; display: block; text-align: left; text-align: start; white-space: normal; text-decoration: none; letter-spacing: normal; word-spacing: normal; text-transform: none; word-wrap: break-word; word-break: normal; opacity: 0; text-shadow: none; line-break: auto; } .tooltip.in { opacity: 0.9; } .tooltip.bs-tether-element-attached-bottom, .tooltip.tooltip-top { margin-top: -3px; padding: 4px 0; } .tooltip.bs-tether-element-attached-bottom .tooltip-arrow, .tooltip.tooltip-top .tooltip-arrow { bottom: 0; left: 50%; margin-left: -4px; border-width: 4px 4px 0; border-top-color: rgba(0, 0, 0, 0.8); } .tooltip.bs-tether-element-attached-left, .tooltip.tooltip-right { margin-left: 3px; padding: 0 4px; } .tooltip.bs-tether-element-attached-left .tooltip-arrow, .tooltip.tooltip-right .tooltip-arrow { top: 50%; left: 0; margin-top: -4px; border-width: 4px 4px 4px 0; border-right-color: rgba(0, 0, 0, 0.8); } .tooltip.bs-tether-element-attached-top, .tooltip.tooltip-bottom { margin-top: 3px; padding: 4px 0; } .tooltip.bs-tether-element-attached-top .tooltip-arrow, .tooltip.tooltip-bottom .tooltip-arrow { top: 0; left: 50%; margin-left: -4px; border-width: 0 4px 4px; border-bottom-color: rgba(0, 0, 0, 0.8); } .tooltip.bs-tether-element-attached-right, .tooltip.tooltip-left { margin-left: -3px; padding: 0 4px; } .tooltip.bs-tether-element-attached-right .tooltip-arrow, .tooltip.tooltip-left .tooltip-arrow { top: 50%; right: 0; margin-top: -4px; border-width: 4px 0 4px 4px; border-left-color: rgba(0, 0, 0, 0.8); } .tooltip-inner { max-width: 200px; padding: 6px 12px; text-align: center; color: #fff; border-radius: 0.215rem; background-color: rgba(0, 0, 0, 0.8); } .tooltip-arrow { position: absolute; width: 0; height: 0; border-style: solid; border-color: transparent; } .popover { font-family: Roboto, sans-serif; font-size: 0.858rem; font-weight: 400; font-style: normal; line-height: 1.571429; position: absolute; z-index: 1800; top: 0; left: 0; display: block; max-width: 276px; padding: 1px; text-align: left; text-align: start; white-space: normal; text-decoration: none; letter-spacing: normal; word-spacing: normal; text-transform: none; word-wrap: break-word; word-break: normal; border: 1px solid rgba(204, 213, 219, 0.8); border-radius: 0.286rem; background-color: #fff; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); text-shadow: none; line-break: auto; padding: 0; -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05); box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05); } .popover.bs-tether-element-attached-bottom, .popover.popover-top { margin-top: -8px; } .popover.bs-tether-element-attached-bottom .popover-arrow, .popover.popover-top .popover-arrow { bottom: -9px; left: 50%; margin-left: -9px; border-top-color: rgba(204, 213, 219, 0.85); border-bottom-width: 0; } .popover.bs-tether-element-attached-bottom .popover-arrow::after, .popover.popover-top .popover-arrow::after { bottom: 1px; margin-left: -8px; content: ""; border-top-color: #fff; border-bottom-width: 0; } .popover.bs-tether-element-attached-left, .popover.popover-right { margin-left: 8px; } .popover.bs-tether-element-attached-left .popover-arrow, .popover.popover-right .popover-arrow { top: 50%; left: -9px; margin-top: -9px; border-right-color: rgba(204, 213, 219, 0.85); border-left-width: 0; } .popover.bs-tether-element-attached-left .popover-arrow::after, .popover.popover-right .popover-arrow::after { bottom: -8px; left: 1px; content: ""; border-right-color: #fff; border-left-width: 0; } .popover.bs-tether-element-attached-top, .popover.popover-bottom { margin-top: 8px; } .popover.bs-tether-element-attached-top .popover-arrow, .popover.popover-bottom .popover-arrow { top: -9px; left: 50%; margin-left: -9px; border-top-width: 0; border-bottom-color: rgba(204, 213, 219, 0.85); } .popover.bs-tether-element-attached-top .popover-arrow::after, .popover.popover-bottom .popover-arrow::after { top: 1px; margin-left: -8px; content: ""; border-top-width: 0; border-bottom-color: #fff; } .popover.bs-tether-element-attached-right, .popover.popover-left { margin-left: -8px; } .popover.bs-tether-element-attached-right .popover-arrow, .popover.popover-left .popover-arrow { top: 50%; right: -9px; margin-top: -9px; border-right-width: 0; border-left-color: rgba(204, 213, 219, 0.85); } .popover.bs-tether-element-attached-right .popover-arrow::after, .popover.popover-left .popover-arrow::after { right: 1px; bottom: -8px; content: ""; border-right-width: 0; border-left-color: #fff; } .popover-title { font-size: 1rem; margin: 0; padding: 8px 14px; border-bottom: 1px solid #e2ecf1; border-radius: 0.214571rem 0.214571rem 0 0; background-color: #f3f7f9; } .popover-title:empty { display: none; } .popover-content { padding: 20px 20px; } .popover-arrow, .popover-arrow::after { position: absolute; display: block; width: 0; height: 0; border-style: solid; border-color: transparent; } .popover-arrow { border-width: 9px; } .popover-arrow::after { content: ""; border-width: 8px; } .carousel { position: relative; } .carousel-inner { position: relative; overflow: hidden; width: 100%; } .carousel-inner > .carousel-item { position: relative; display: none; -webkit-transition: 0.6s ease-in-out left; -o-transition: 0.6s ease-in-out left; transition: 0.6s ease-in-out left; } .carousel-inner > .carousel-item > a > img, .carousel-inner > .carousel-item > img { line-height: 1; } @media all and (transform-3d), (-webkit-transform-3d) { .carousel-inner > .carousel-item { -webkit-transition: -webkit-transform 0.6s ease-in-out; -o-transition: -o-transform 0.6s ease-in-out; transition: transform 0.6s ease-in-out; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-perspective: 1000px; perspective: 1000px; } .carousel-inner > .carousel-item.active.right, .carousel-inner > .carousel-item.next { left: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } .carousel-inner > .carousel-item.active.left, .carousel-inner > .carousel-item.prev { left: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } .carousel-inner > .carousel-item.active, .carousel-inner > .carousel-item.next.left, .carousel-inner > .carousel-item.prev.right { left: 0; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .carousel-inner > .active, .carousel-inner > .next, .carousel-inner > .prev { display: block; } .carousel-inner > .active { left: 0; } .carousel-inner > .next, .carousel-inner > .prev { position: absolute; top: 0; width: 100%; } .carousel-inner > .next { left: 100%; } .carousel-inner > .prev { left: -100%; } .carousel-inner > .next.left, .carousel-inner > .prev.right { left: 0; } .carousel-inner > .active.left { left: -100%; } .carousel-inner > .active.right { left: 100%; } .carousel-control { font-size: 16px; position: absolute; top: 0; bottom: 0; left: 0; width: 15%; text-align: center; opacity: 0; color: #fff; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); min-width: 50px; } .carousel-control.left { background-image: -webkit-gradient( linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0.0001)) ); background-image: -webkit-linear-gradient( left, rgba(0, 0, 0, 0.5) 0, rgba(0, 0, 0, 0.0001) 100% ); background-image: -o-linear-gradient( left, rgba(0, 0, 0, 0.5) 0, rgba(0, 0, 0, 0.0001) 100% ); background-image: linear-gradient( to right, rgba(0, 0, 0, 0.5) 0, rgba(0, 0, 0, 0.0001) 100% ); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000',endColorstr='#00000000',GradientType=1); } .carousel-control.right { right: 0; left: auto; background-image: -webkit-gradient( linear, left top, right top, from(rgba(0, 0, 0, 0.0001)), to(rgba(0, 0, 0, 0.5)) ); background-image: -webkit-linear-gradient( left, rgba(0, 0, 0, 0.0001) 0, rgba(0, 0, 0, 0.5) 100% ); background-image: -o-linear-gradient( left, rgba(0, 0, 0, 0.0001) 0, rgba(0, 0, 0, 0.5) 100% ); background-image: linear-gradient( to right, rgba(0, 0, 0, 0.0001) 0, rgba(0, 0, 0, 0.5) 100% ); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000',endColorstr='#80000000',GradientType=1); } .carousel-control:focus, .carousel-control:hover { text-decoration: none; opacity: 0.9; color: #fff; outline: 0; opacity: 0.4; } .carousel-control .icon-next, .carousel-control .icon-prev { font-family: serif; line-height: 1; position: absolute; z-index: 5; top: 50%; display: inline-block; width: 20px; height: 20px; margin-top: -10px; } .carousel-control .icon-prev { left: 50%; margin-left: -10px; } .carousel-control .icon-next { right: 50%; margin-right: -10px; } .carousel-control .icon-prev::before { content: "\2039"; } .carousel-control .icon-next::before { content: "\203a"; } .carousel-indicators { position: absolute; z-index: 15; bottom: 10px; left: 50%; width: 60%; margin-left: -30%; padding-left: 0; list-style: none; text-align: center; margin-bottom: 0; } .carousel-indicators li { display: inline-block; width: 10px; height: 10px; margin: 1px; cursor: pointer; text-indent: -999px; border: 1px solid #fff; border-radius: 10px; background-color: transparent; margin: 3px; border: none; background-color: rgba(255, 255, 255, 0.3); } .carousel-indicators .active { width: 12px; height: 12px; margin: 0; background-color: #fff; width: 10px; height: 10px; margin: 3px; } .carousel-caption { position: absolute; z-index: 10; right: 15%; bottom: 20px; left: 15%; padding-top: 20px; padding-bottom: 20px; text-align: center; color: #fff; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); } .carousel-caption .btn { text-shadow: none; } @media (min-width: 480px) { .carousel-control .icon-next, .carousel-control .icon-prev { font-size: 30px; width: 30px; height: 30px; margin-top: -15px; } .carousel-control .icon-prev { margin-left: -15px; } .carousel-control .icon-next { margin-right: -15px; } .carousel-caption { right: 20%; left: 20%; padding-bottom: 30px; } .carousel-indicators { bottom: 20px; } } .bg-faded { background-color: #f3f7f9; } .bg-primary { color: #fff !important; background-color: #62a8ea !important; } a.bg-primary:focus, a.bg-primary:hover { background-color: #358fe4 !important; } .bg-success { color: #fff !important; background-color: #46be8a !important; } a.bg-success:focus, a.bg-success:hover { background-color: #369b6f !important; } .bg-info { color: #fff !important; background-color: #57c7d4 !important; } a.bg-info:focus, a.bg-info:hover { background-color: #33b6c5 !important; } .bg-warning { color: #fff !important; background-color: #f2a654 !important; } a.bg-warning:focus, a.bg-warning:hover { background-color: #ee8d25 !important; } .bg-danger { color: #fff !important; background-color: #f96868 !important; } a.bg-danger:focus, a.bg-danger:hover { background-color: #f73737 !important; } .bg-inverse { color: #fff !important; background-color: #76838f !important; } a.bg-inverse:focus, a.bg-inverse:hover { background-color: #5e6974 !important; } .clearfix::after { display: table; clear: both; content: ""; } .d-block { display: block !important; } .d-inline-block { display: inline-block !important; } .d-inline { display: inline !important; } .center-block { display: block; margin-right: auto; margin-left: auto; } .pull-xs-left { float: left !important; } .pull-xs-right { float: right !important; } .pull-xs-none { float: none !important; } @media (min-width: 480px) { .pull-sm-left { float: left !important; } .pull-sm-right { float: right !important; } .pull-sm-none { float: none !important; } } @media (min-width: 768px) { .pull-md-left { float: left !important; } .pull-md-right { float: right !important; } .pull-md-none { float: none !important; } } @media (min-width: 992px) { .pull-lg-left { float: left !important; } .pull-lg-right { float: right !important; } .pull-lg-none { float: none !important; } } @media (min-width: 1200px) { .pull-xl-left { float: left !important; } .pull-xl-right { float: right !important; } .pull-xl-none { float: none !important; } } @media (min-width: 1600px) { .pull-xxl-left { float: left !important; } .pull-xxl-right { float: right !important; } .pull-xxl-none { float: none !important; } } .sr-only { position: absolute; overflow: hidden; clip: rect(0, 0, 0, 0); width: 1px; height: 1px; margin: -1px; padding: 0; border: 0; } .sr-only-focusable:active, .sr-only-focusable:focus { position: static; overflow: visible; clip: auto; width: auto; height: auto; margin: 0; } .w-100 { width: 100% !important; } .m-x-auto { margin-right: auto !important; margin-left: auto !important; } .m-a-0 { margin: 0 0 !important; } .m-t-0 { margin-top: 0 !important; } .m-r-0 { margin-right: 0 !important; } .m-b-0 { margin-bottom: 0 !important; } .m-l-0 { margin-left: 0 !important; } .m-x-0 { margin-right: 0 !important; margin-left: 0 !important; } .m-y-0 { margin-top: 0 !important; margin-bottom: 0 !important; } .m-a-1 { margin: 1rem 1rem !important; } .m-t-1 { margin-top: 1rem !important; } .m-r-1 { margin-right: 1rem !important; } .m-b-1 { margin-bottom: 1rem !important; } .m-l-1 { margin-left: 1rem !important; } .m-x-1 { margin-right: 1rem !important; margin-left: 1rem !important; } .m-y-1 { margin-top: 1rem !important; margin-bottom: 1rem !important; } .m-a-2 { margin: 1.5rem 1.5rem !important; } .m-t-2 { margin-top: 1.5rem !important; } .m-r-2 { margin-right: 1.5rem !important; } .m-b-2 { margin-bottom: 1.5rem !important; } .m-l-2 { margin-left: 1.5rem !important; } .m-x-2 { margin-right: 1.5rem !important; margin-left: 1.5rem !important; } .m-y-2 { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important; } .m-a-3 { margin: 3rem 3rem !important; } .m-t-3 { margin-top: 3rem !important; } .m-r-3 { margin-right: 3rem !important; } .m-b-3 { margin-bottom: 3rem !important; } .m-l-3 { margin-left: 3rem !important; } .m-x-3 { margin-right: 3rem !important; margin-left: 3rem !important; } .m-y-3 { margin-top: 3rem !important; margin-bottom: 3rem !important; } .p-a-0 { padding: 0 0 !important; } .p-t-0 { padding-top: 0 !important; } .p-r-0 { padding-right: 0 !important; } .p-b-0 { padding-bottom: 0 !important; } .p-l-0 { padding-left: 0 !important; } .p-x-0 { padding-right: 0 !important; padding-left: 0 !important; } .p-y-0 { padding-top: 0 !important; padding-bottom: 0 !important; } .p-a-1 { padding: 1rem 1rem !important; } .p-t-1 { padding-top: 1rem !important; } .p-r-1 { padding-right: 1rem !important; } .p-b-1 { padding-bottom: 1rem !important; } .p-l-1 { padding-left: 1rem !important; } .p-x-1 { padding-right: 1rem !important; padding-left: 1rem !important; } .p-y-1 { padding-top: 1rem !important; padding-bottom: 1rem !important; } .p-a-2 { padding: 1.5rem 1.5rem !important; } .p-t-2 { padding-top: 1.5rem !important; } .p-r-2 { padding-right: 1.5rem !important; } .p-b-2 { padding-bottom: 1.5rem !important; } .p-l-2 { padding-left: 1.5rem !important; } .p-x-2 { padding-right: 1.5rem !important; padding-left: 1.5rem !important; } .p-y-2 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; } .p-a-3 { padding: 3rem 3rem !important; } .p-t-3 { padding-top: 3rem !important; } .p-r-3 { padding-right: 3rem !important; } .p-b-3 { padding-bottom: 3rem !important; } .p-l-3 { padding-left: 3rem !important; } .p-x-3 { padding-right: 3rem !important; padding-left: 3rem !important; } .p-y-3 { padding-top: 3rem !important; padding-bottom: 3rem !important; } .pos-f-t { position: fixed; z-index: 1500; top: 0; right: 0; left: 0; } .text-justify { text-align: justify !important; } .text-nowrap { white-space: nowrap !important; } .text-truncate { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .text-xs-left { text-align: left !important; } .text-xs-right { text-align: right !important; } .text-xs-center { text-align: center !important; } @media (min-width: 480px) { .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; } } @media (min-width: 1600px) { .text-xxl-left { text-align: left !important; } .text-xxl-right { text-align: right !important; } .text-xxl-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-normal { font-weight: 400; } .font-weight-bold { font-weight: 700; } .font-italic { font-style: italic; } .text-muted { color: #a3afb7 !important; } a.text-muted:focus, a.text-muted:hover { color: #8696a1 !important; } .text-primary { color: #62a8ea !important; } a.text-primary:focus, a.text-primary:hover { color: #358fe4 !important; } .text-success { color: #46be8a !important; } a.text-success:focus, a.text-success:hover { color: #369b6f !important; } .text-info { color: #57c7d4 !important; } a.text-info:focus, a.text-info:hover { color: #33b6c5 !important; } .text-warning { color: #f2a654 !important; } a.text-warning:focus, a.text-warning:hover { color: #ee8d25 !important; } .text-danger { color: #f96868 !important; } a.text-danger:focus, a.text-danger:hover { color: #f73737 !important; } .text-gray-dark { color: #76838f !important; } a.text-gray-dark:focus, a.text-gray-dark:hover { color: #5e6974 !important; } .text-hide { font: 0/0 a; color: transparent; border: 0; background-color: transparent; text-shadow: none; } .invisible { visibility: hidden !important; } .hidden-xs-up { display: none !important; } @media (max-width: 479px) { .hidden-xs-down { display: none !important; } } @media (min-width: 480px) { .hidden-sm-up { display: none !important; } } @media (max-width: 767px) { .hidden-sm-down { display: none !important; } } @media (min-width: 768px) { .hidden-md-up { display: none !important; } } @media (max-width: 991px) { .hidden-md-down { display: none !important; } } @media (min-width: 992px) { .hidden-lg-up { display: none !important; } } @media (max-width: 1199px) { .hidden-lg-down { display: none !important; } } @media (min-width: 1200px) { .hidden-xl-up { display: none !important; } } @media (max-width: 1599px) { .hidden-xl-down { display: none !important; } } @media (min-width: 1600px) { .hidden-xxl-up { display: none !important; } } .hidden-xxl-down { display: none !important; } .h1 .icon:first-child, .h2 .icon:first-child, .h3 .icon:first-child, .h4 .icon:first-child, .h5 .icon:first-child, .h6 .icon:first-child, h1 .icon:first-child, h2 .icon:first-child, h3 .icon:first-child, h4 .icon:first-child, h5 .icon:first-child, h6 .icon:first-child { margin-right: 0.5em; } .list-icons { margin-left: 0; padding-left: 10px; list-style: none; } .list-icons > li { margin-top: 6px; } .list-icons > li:first-child { margin-top: 0; } .list-icons > li i { float: left; width: 1em; margin: 0 6px 0 0; } .img-bordered { padding: 3px; border: 1px solid #e4eaec; } .img-bordered-primary { border-color: #62a8ea !important; } .img-bordered-purple { border-color: #7c51d1 !important; } .img-bordered-red { border-color: #e9595b !important; } .img-bordered-green { border-color: #7dd3ae !important; } .img-bordered-orange { border-color: #ec9940 !important; } .row.no-space { margin-right: 0; margin-left: 0; } .row.no-space > [class*="col-"] { padding-right: 0; padding-left: 0; } .table tfoot th, .table thead th { font-weight: 500; color: #526069; border-bottom-width: 1px; } .table tbody + tbody { border-top-width: 1px; } .table a { text-decoration: underline; } .table td > .checkbox-custom:only-child, .table th > .checkbox-custom:only-child { margin-top: 0; margin-bottom: 0; text-align: center; } .table thead:first-child th { border-top: none; } table col[class*="col-"] { position: static; display: table-column; float: none; } select.form-control { padding-right: 30px; background: #fff url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAFCAYAAABB9hwOAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA4RpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpiNWZkMzNlMC0zNTcxLTI4NDgtYjA3NC01ZTRhN2RjMWVmNjEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RTUxRUI3MDdEQjk4MTFFNUI1NDA5QTcyNTlFQzRERTYiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RTUxRUI3MDZEQjk4MTFFNUI1NDA5QTcyNTlFQzRERTYiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6ZWNiNjQzMjYtNDc1Yi01OTQxLWIxYjItNDVkZjU5YjZlODA2IiBzdFJlZjpkb2N1bWVudElEPSJhZG9iZTpkb2NpZDpwaG90b3Nob3A6N2RlYzI2YWMtZGI5OC0xMWU1LWIwMjgtY2ZhNDhhOGNjNWY1Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+AXTIGgAAAFRJREFUeNpidI1KSWFgYDBlwASngXjOrqWzGcgBTEC8DIjfo4m/h4qTDUAGfwPi+UD8Hyr2H8r/RqnBIHATiPdC2XuhfIoACxJ7PRDzQmmKAUCAAQDxOxHyb4DjOAAAAABJRU5ErkJggg==) no-repeat center right; } select[multiple].form-control { padding-right: 0.929rem; background: #fff; } select[multiple], select[size], textarea.form-control { height: auto; } .input-group-sm > .input-group-btn > select.btn:not([size]):not([multiple]), .input-group-sm > select.form-control:not([size]):not([multiple]), .input-group-sm > select.input-group-addon:not([size]):not([multiple]), .form-group .form-control-label { padding: 0.429rem 0; } .form-group .form-control-label-lg { font-size: 1.286rem; padding: 0.858rem 0; } .form-group .form-control-label-sm { font-size: 0.858rem; padding: 0.429rem 0; } .form-group.has-feedback.no-label .form-control-feedback { top: 0; } .form-group.has-feedback.left-feedback .form-control-feedback { right: auto; left: 0; } .form-group.has-feedback.left-feedback .form-control { padding-right: 13px; padding-left: 50px; } .form-control.square { border-radius: 0; } .form-control.round { border-radius: 200px; } textarea.form-control.no-resize { resize: none; } .input-group-file input[type="text"] { background-color: #fff; } .input-group-file .btn-file { line-height: inherit; position: relative; overflow: hidden; } .input-group-file .btn-file.btn-outline { border: 1px solid #e4eaec; border-left: none; } .input-group-file .btn-file.btn-outline:hover { border-left: none; } .input-group-file .btn-file .icon { line-height: inherit; margin: 0 3px; } .input-group-file .btn-file input[type="file"] { position: absolute; top: 0; left: 0; display: block; min-width: 100%; min-height: 100%; cursor: pointer; text-align: 0; opacity: 0; } .text-help { display: block; margin-top: 7px; margin-bottom: 8px; color: #bcc2c8; } .text-help .icon { margin: 0 5px; } .input-search-close { opacity: 0.2; color: #000; text-shadow: none; } .input-search-close.icon { font-size: inherit; line-height: inherit; } .input-search-close:focus, .input-search-close:hover { cursor: pointer; text-decoration: none; opacity: 0.5; color: #000; } button.input-search-close { padding: 0; cursor: pointer; border: 0; background: 0 0; -webkit-appearance: none; } .input-search { position: relative; } .input-search .form-control { border-radius: 200px; } .input-search .input-search-close, .input-search .input-search-icon { position: absolute; z-index: 1; top: 50%; width: 2.573rem; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } .input-search .input-search-close { right: 8px; } .input-search .input-search-icon + .form-control { padding-left: 3.073rem; } .input-search .input-search-icon { font-size: 16px; left: 8px; text-align: center; pointer-events: none; color: #a3afb7; } .input-search-btn + .form-control { padding-right: 50px; } .input-search-btn { position: absolute; top: 0; right: 0; height: 100%; padding: 0 10px; border: none; border-radius: 0 200px 200px 0; background: 0 0; } .input-search-btn .icon { margin: 0 3px; } .input-search-dark .input-search-icon { color: #76838f; } .input-search-dark .form-control { background: #f3f7f9; -webkit-box-shadow: none; box-shadow: none; } .input-search-dark .form-control:focus { background-color: #fff; } .form-inline .form-group { margin-right: 20px; } .form-inline .form-group:last-child { margin-right: 0; } .form-inline .form-control-label { margin-right: 5px; } @media (max-width: 767px) { .form-inline .form-group { margin-right: 0; } } .form-horizontal .form-control-label { font-size: 1rem; padding-right: 15px; padding-left: 15px; } @media (min-width: 768px) { .form-horizontal .form-control-label { margin-bottom: 0; padding-top: 7px; text-align: right; } .form-horizontal .form-control-lg, .form-horizontal .input-group-lg > .form-control, .form-horizontal .input-group-lg > .input-group-addon, .form-horizontal .input-group-lg > .input-group-btn > .btn { font-size: 18px; padding-top: 11px; } .form-horizontal .form-control-sm, .form-horizontal .input-group-sm > .form-control, .form-horizontal .input-group-sm > .input-group-addon, .form-horizontal .input-group-sm > .input-group-btn > .btn { font-size: 12px; padding-top: 7px; } } input::-ms-clear { display: none; width: 0; height: 0; } .btn { -webkit-transition: border 0.2s linear, color 0.2s linear, width 0.2s linear, background-color 0.2s linear; -o-transition: border 0.2s linear, color 0.2s linear, width 0.2s linear, background-color 0.2s linear; transition: border 0.2s linear, color 0.2s linear, width 0.2s linear, background-color 0.2s linear; -webkit-font-smoothing: subpixel-antialiased; } .btn .icon { line-height: inherit; width: 1em; margin: -1px 3px 0; text-align: center; } .btn-outline.btn-default { color: #76838f; background-color: transparent; } .btn-outline.btn-default.active, .btn-outline.btn-default:active, .btn-outline.btn-default:focus, .btn-outline.btn-default:hover, .open > .btn-outline.btn-default.dropdown-toggle { color: #76838f; border-color: #e4eaec; background-color: rgba(118, 131, 143, 0.1); } .btn-outline.btn-default.active .tag-pill, .btn-outline.btn-default:active .tag-pill, .btn-outline.btn-default:focus .tag-pill, .btn-outline.btn-default:hover .tag-pill, .open > .btn-outline.btn-default.dropdown-toggle .tag-pill { color: #76838f; background-color: #76838f; } .btn-outline.btn-default.btn-up:before, .btn-outline.btn-default.btn-up:focus:before, .btn-outline.btn-default.btn-up:hover:before { border-bottom-color: rgba(118, 131, 143, 0.1); } .btn-outline.btn-default.btn-up.active:before, .btn-outline.btn-default.btn-up:active:before, .open > .btn-outline.btn-default.btn-up.dropdown-toggle:before { border-bottom-color: #ccd5db; } .btn-outline.btn-default.btn-right:before, .btn-outline.btn-default.btn-right:focus:before, .btn-outline.btn-default.btn-right:hover:before { border-left-color: rgba(118, 131, 143, 0.1); } .btn-outline.btn-default.btn-right.active:before, .btn-outline.btn-default.btn-right:active:before, .open > .btn-outline.btn-default.btn-right.dropdown-toggle:before { border-left-color: #ccd5db; } .btn-outline.btn-default.btn-bottom:before, .btn-outline.btn-default.btn-bottom:focus:before, .btn-outline.btn-default.btn-bottom:hover:before { border-top-color: rgba(118, 131, 143, 0.1); } .btn-outline.btn-default.btn-bottom.active:before, .btn-outline.btn-default.btn-bottom:active:before, .open > .btn-outline.btn-default.btn-bottom.dropdown-toggle:before { border-top-color: #ccd5db; } .btn-outline.btn-default.btn-left:before, .btn-outline.btn-default.btn-left:focus:before, .btn-outline.btn-default.btn-left:hover:before { border-right-color: rgba(118, 131, 143, 0.1); } .btn-outline.btn-default.btn-left.active:before, .btn-outline.btn-default.btn-left:active:before, .open > .btn-outline.btn-default.btn-left.dropdown-toggle:before { border-right-color: #ccd5db; } .btn-outline.btn-primary { color: #62a8ea; background-color: transparent; border-color: #62a8ea; } .btn-outline.btn-primary.active, .btn-outline.btn-primary:active, .btn-outline.btn-primary:focus, .btn-outline.btn-primary:hover, .open > .btn-outline.btn-primary.dropdown-toggle { color: #fff; border-color: #62a8ea; background-color: #62a8ea; } .btn-outline.btn-primary.active .tag-pill, .btn-outline.btn-primary:active .tag-pill, .btn-outline.btn-primary:focus .tag-pill, .btn-outline.btn-primary:hover .tag-pill, .open > .btn-outline.btn-primary.dropdown-toggle .tag-pill { color: #62a8ea; background-color: #fff; } .btn-outline.btn-primary.btn-up:before, .btn-outline.btn-primary.btn-up:focus:before, .btn-outline.btn-primary.btn-up:hover:before { border-bottom-color: #62a8ea; } .btn-outline.btn-primary.btn-up.active:before, .btn-outline.btn-primary.btn-up:active:before, .open > .btn-outline.btn-primary.btn-up.dropdown-toggle:before { border-bottom-color: #4e97d9; } .btn-outline.btn-primary.btn-right:before, .btn-outline.btn-primary.btn-right:focus:before, .btn-outline.btn-primary.btn-right:hover:before { border-left-color: #62a8ea; } .btn-outline.btn-primary.btn-right.active:before, .btn-outline.btn-primary.btn-right:active:before, .open > .btn-outline.btn-primary.btn-right.dropdown-toggle:before { border-left-color: #4e97d9; } .btn-outline.btn-primary.btn-bottom:before, .btn-outline.btn-primary.btn-bottom:focus:before, .btn-outline.btn-primary.btn-bottom:hover:before { border-top-color: #62a8ea; } .btn-outline.btn-primary.btn-bottom.active:before, .btn-outline.btn-primary.btn-bottom:active:before, .open > .btn-outline.btn-primary.btn-bottom.dropdown-toggle:before { border-top-color: #4e97d9; } .btn-outline.btn-primary.btn-left:before, .btn-outline.btn-primary.btn-left:focus:before, .btn-outline.btn-primary.btn-left:hover:before { border-right-color: #62a8ea; } .btn-outline.btn-primary.btn-left.active:before, .btn-outline.btn-primary.btn-left:active:before, .open > .btn-outline.btn-primary.btn-left.dropdown-toggle:before { border-right-color: #4e97d9; } .btn-outline.btn-success { color: #46be8a; background-color: transparent; border-color: #46be8a; } .btn-outline.btn-success.active, .btn-outline.btn-success:active, .btn-outline.btn-success:focus, .btn-outline.btn-success:hover, .open > .btn-outline.btn-success.dropdown-toggle { color: #fff; border-color: #46be8a; background-color: #46be8a; } .btn-outline.btn-success.active .tag-pill, .btn-outline.btn-success:active .tag-pill, .btn-outline.btn-success:focus .tag-pill, .btn-outline.btn-success:hover .tag-pill, .open > .btn-outline.btn-success.dropdown-toggle .tag-pill { color: #46be8a; background-color: #fff; } .btn-outline.btn-success.btn-up:before, .btn-outline.btn-success.btn-up:focus:before, .btn-outline.btn-success.btn-up:hover:before { border-bottom-color: #46be8a; } .btn-outline.btn-success.btn-up.active:before, .btn-outline.btn-success.btn-up:active:before, .open > .btn-outline.btn-success.btn-up.dropdown-toggle:before { border-bottom-color: #36ab7a; } .btn-outline.btn-success.btn-right:before, .btn-outline.btn-success.btn-right:focus:before, .btn-outline.btn-success.btn-right:hover:before { border-left-color: #46be8a; } .btn-outline.btn-success.btn-right.active:before, .btn-outline.btn-success.btn-right:active:before, .open > .btn-outline.btn-success.btn-right.dropdown-toggle:before { border-left-color: #36ab7a; } .btn-outline.btn-success.btn-bottom:before, .btn-outline.btn-success.btn-bottom:focus:before, .btn-outline.btn-success.btn-bottom:hover:before { border-top-color: #46be8a; } .btn-outline.btn-success.btn-bottom.active:before, .btn-outline.btn-success.btn-bottom:active:before, .open > .btn-outline.btn-success.btn-bottom.dropdown-toggle:before { border-top-color: #36ab7a; } .btn-outline.btn-success.btn-left:before, .btn-outline.btn-success.btn-left:focus:before, .btn-outline.btn-success.btn-left:hover:before { border-right-color: #46be8a; } .btn-outline.btn-success.btn-left.active:before, .btn-outline.btn-success.btn-left:active:before, .open > .btn-outline.btn-success.btn-left.dropdown-toggle:before { border-right-color: #36ab7a; } .btn-outline.btn-info { color: #57c7d4; background-color: transparent; border-color: #57c7d4; } .btn-outline.btn-info.active, .btn-outline.btn-info:active, .btn-outline.btn-info:focus, .btn-outline.btn-info:hover, .open > .btn-outline.btn-info.dropdown-toggle { color: #fff; border-color: #57c7d4; background-color: #57c7d4; } .btn-outline.btn-info.active .tag-pill, .btn-outline.btn-info:active .tag-pill, .btn-outline.btn-info:focus .tag-pill, .btn-outline.btn-info:hover .tag-pill, .open > .btn-outline.btn-info.dropdown-toggle .tag-pill { color: #57c7d4; background-color: #fff; } .btn-outline.btn-info.btn-up:before, .btn-outline.btn-info.btn-up:focus:before, .btn-outline.btn-info.btn-up:hover:before { border-bottom-color: #57c7d4; } .btn-outline.btn-info.btn-up.active:before, .btn-outline.btn-info.btn-up:active:before, .open > .btn-outline.btn-info.btn-up.dropdown-toggle:before { border-bottom-color: #47b8c6; } .btn-outline.btn-info.btn-right:before, .btn-outline.btn-info.btn-right:focus:before, .btn-outline.btn-info.btn-right:hover:before { border-left-color: #57c7d4; } .btn-outline.btn-info.btn-right.active:before, .btn-outline.btn-info.btn-right:active:before, .open > .btn-outline.btn-info.btn-right.dropdown-toggle:before { border-left-color: #47b8c6; } .btn-outline.btn-info.btn-bottom:before, .btn-outline.btn-info.btn-bottom:focus:before, .btn-outline.btn-info.btn-bottom:hover:before { border-top-color: #57c7d4; } .btn-outline.btn-info.btn-bottom.active:before, .btn-outline.btn-info.btn-bottom:active:before, .open > .btn-outline.btn-info.btn-bottom.dropdown-toggle:before { border-top-color: #47b8c6; } .btn-outline.btn-info.btn-left:before, .btn-outline.btn-info.btn-left:focus:before, .btn-outline.btn-info.btn-left:hover:before { border-right-color: #57c7d4; } .btn-outline.btn-info.btn-left.active:before, .btn-outline.btn-info.btn-left:active:before, .open > .btn-outline.btn-info.btn-left.dropdown-toggle:before { border-right-color: #47b8c6; } .btn-outline.btn-warning { color: #f2a654; background-color: transparent; border-color: #f2a654; } .btn-outline.btn-warning.active, .btn-outline.btn-warning:active, .btn-outline.btn-warning:focus, .btn-outline.btn-warning:hover, .open > .btn-outline.btn-warning.dropdown-toggle { color: #fff; border-color: #f2a654; background-color: #f2a654; } .btn-outline.btn-warning.active .tag-pill, .btn-outline.btn-warning:active .tag-pill, .btn-outline.btn-warning:focus .tag-pill, .btn-outline.btn-warning:hover .tag-pill, .open > .btn-outline.btn-warning.dropdown-toggle .tag-pill { color: #f2a654; background-color: #fff; } .btn-outline.btn-warning.btn-up:before, .btn-outline.btn-warning.btn-up:focus:before, .btn-outline.btn-warning.btn-up:hover:before { border-bottom-color: #f2a654; } .btn-outline.btn-warning.btn-up.active:before, .btn-outline.btn-warning.btn-up:active:before, .open > .btn-outline.btn-warning.btn-up.dropdown-toggle:before { border-bottom-color: #ec9940; } .btn-outline.btn-warning.btn-right:before, .btn-outline.btn-warning.btn-right:focus:before, .btn-outline.btn-warning.btn-right:hover:before { border-left-color: #f2a654; } .btn-outline.btn-warning.btn-right.active:before, .btn-outline.btn-warning.btn-right:active:before, .open > .btn-outline.btn-warning.btn-right.dropdown-toggle:before { border-left-color: #ec9940; } .btn-outline.btn-warning.btn-bottom:before, .btn-outline.btn-warning.btn-bottom:focus:before, .btn-outline.btn-warning.btn-bottom:hover:before { border-top-color: #f2a654; } .btn-outline.btn-warning.btn-bottom.active:before, .btn-outline.btn-warning.btn-bottom:active:before, .open > .btn-outline.btn-warning.btn-bottom.dropdown-toggle:before { border-top-color: #ec9940; } .btn-outline.btn-warning.btn-left:before, .btn-outline.btn-warning.btn-left:focus:before, .btn-outline.btn-warning.btn-left:hover:before { border-right-color: #f2a654; } .btn-outline.btn-warning.btn-left.active:before, .btn-outline.btn-warning.btn-left:active:before, .open > .btn-outline.btn-warning.btn-left.dropdown-toggle:before { border-right-color: #ec9940; } .btn-outline.btn-danger { color: #f96868; background-color: transparent; border-color: #f96868; } .btn-outline.btn-danger.active, .btn-outline.btn-danger:active, .btn-outline.btn-danger:focus, .btn-outline.btn-danger:hover, .open > .btn-outline.btn-danger.dropdown-toggle { color: #fff; border-color: #f96868; background-color: #f96868; } .btn-outline.btn-danger.active .tag-pill, .btn-outline.btn-danger:active .tag-pill, .btn-outline.btn-danger:focus .tag-pill, .btn-outline.btn-danger:hover .tag-pill, .open > .btn-outline.btn-danger.dropdown-toggle .tag-pill { color: #f96868; background-color: #fff; } .btn-outline.btn-danger.btn-up:before, .btn-outline.btn-danger.btn-up:focus:before, .btn-outline.btn-danger.btn-up:hover:before { border-bottom-color: #f96868; } .btn-outline.btn-danger.btn-up.active:before, .btn-outline.btn-danger.btn-up:active:before, .open > .btn-outline.btn-danger.btn-up.dropdown-toggle:before { border-bottom-color: #e9595b; } .btn-outline.btn-danger.btn-right:before, .btn-outline.btn-danger.btn-right:focus:before, .btn-outline.btn-danger.btn-right:hover:before { border-left-color: #f96868; } .btn-outline.btn-danger.btn-right.active:before, .btn-outline.btn-danger.btn-right:active:before, .open > .btn-outline.btn-danger.btn-right.dropdown-toggle:before { border-left-color: #e9595b; } .btn-outline.btn-danger.btn-bottom:before, .btn-outline.btn-danger.btn-bottom:focus:before, .btn-outline.btn-danger.btn-bottom:hover:before { border-top-color: #f96868; } .btn-outline.btn-danger.btn-bottom.active:before, .btn-outline.btn-danger.btn-bottom:active:before, .open > .btn-outline.btn-danger.btn-bottom.dropdown-toggle:before { border-top-color: #e9595b; } .btn-outline.btn-danger.btn-left:before, .btn-outline.btn-danger.btn-left:focus:before, .btn-outline.btn-danger.btn-left:hover:before { border-right-color: #f96868; } .btn-outline.btn-danger.btn-left.active:before, .btn-outline.btn-danger.btn-left:active:before, .open > .btn-outline.btn-danger.btn-left.dropdown-toggle:before { border-right-color: #e9595b; } .btn-outline.btn-dark { color: #526069; background-color: transparent; order-color: #526069; } .btn-outline.btn-dark.active, .btn-outline.btn-dark:active, .btn-outline.btn-dark:focus, .btn-outline.btn-dark:hover, .open > .btn-outline.btn-dark.dropdown-toggle { color: #fff; border-color: #526069; background-color: #526069; } .btn-outline.btn-dark.active .tag-pill, .btn-outline.btn-dark:active .tag-pill, .btn-outline.btn-dark:focus .tag-pill, .btn-outline.btn-dark:hover .tag-pill, .open > .btn-outline.btn-dark.dropdown-toggle .tag-pill { color: #526069; background-color: #fff; } .btn-outline.btn-dark.btn-up:before, .btn-outline.btn-dark.btn-up:focus:before, .btn-outline.btn-dark.btn-up:hover:before { border-bottom-color: #526069; } .btn-outline.btn-dark.btn-up.active:before, .btn-outline.btn-dark.btn-up:active:before, .open > .btn-outline.btn-dark.btn-up.dropdown-toggle:before { border-bottom-color: #37474f; } .btn-outline.btn-dark.btn-right:before, .btn-outline.btn-dark.btn-right:focus:before, .btn-outline.btn-dark.btn-right:hover:before { border-left-color: #526069; } .btn-outline.btn-dark.btn-right.active:before, .btn-outline.btn-dark.btn-right:active:before, .open > .btn-outline.btn-dark.btn-right.dropdown-toggle:before { border-left-color: #37474f; } .btn-outline.btn-dark.btn-bottom:before, .btn-outline.btn-dark.btn-bottom:focus:before, .btn-outline.btn-dark.btn-bottom:hover:before { border-top-color: #526069; } .btn-outline.btn-dark.btn-bottom.active:before, .btn-outline.btn-dark.btn-bottom:active:before, .open > .btn-outline.btn-dark.btn-bottom.dropdown-toggle:before { border-top-color: #37474f; } .btn-outline.btn-dark.btn-left:before, .btn-outline.btn-dark.btn-left:focus:before, .btn-outline.btn-dark.btn-left:hover:before { border-right-color: #526069; } .btn-outline.btn-dark.btn-left.active:before, .btn-outline.btn-dark.btn-left:active:before, .open > .btn-outline.btn-dark.btn-left.dropdown-toggle:before { border-right-color: #37474f; } .btn-outline.btn-inverse { color: #fff; background-color: transparent; border-color: #fff; } .btn-outline.btn-inverse.active, .btn-outline.btn-inverse:active, .btn-outline.btn-inverse:focus, .btn-outline.btn-inverse:hover, .open > .btn-outline.btn-inverse.dropdown-toggle { color: #76838f; border-color: #fff; background-color: #fff; } .btn-outline.btn-inverse.active .tag-pill, .btn-outline.btn-inverse:active .tag-pill, .btn-outline.btn-inverse:focus .tag-pill, .btn-outline.btn-inverse:hover .tag-pill, .open > .btn-outline.btn-inverse.dropdown-toggle .tag-pill { color: #fff; background-color: #76838f; } .btn-outline.btn-inverse.btn-up:before, .btn-outline.btn-inverse.btn-up:focus:before, .btn-outline.btn-inverse.btn-up:hover:before { border-bottom-color: #fff; } .btn-outline.btn-inverse.btn-up.active:before, .btn-outline.btn-inverse.btn-up:active:before, .open > .btn-outline.btn-inverse.btn-up.dropdown-toggle:before { border-bottom-color: #fff; } .btn-outline.btn-inverse.btn-right:before, .btn-outline.btn-inverse.btn-right:focus:before, .btn-outline.btn-inverse.btn-right:hover:before { border-left-color: #fff; } .btn-outline.btn-inverse.btn-right.active:before, .btn-outline.btn-inverse.btn-right:active:before, .open > .btn-outline.btn-inverse.btn-right.dropdown-toggle:before { border-left-color: #fff; } .btn-outline.btn-inverse.btn-bottom:before, .btn-outline.btn-inverse.btn-bottom:focus:before, .btn-outline.btn-inverse.btn-bottom:hover:before { border-top-color: #fff; } .btn-outline.btn-inverse.btn-bottom.active:before, .btn-outline.btn-inverse.btn-bottom:active:before, .open > .btn-outline.btn-inverse.btn-bottom.dropdown-toggle:before { border-top-color: #fff; } .btn-outline.btn-inverse.btn-left:before, .btn-outline.btn-inverse.btn-left:focus:before, .btn-outline.btn-inverse.btn-left:hover:before { border-right-color: #fff; } .btn-outline.btn-inverse.btn-left.active:before, .btn-outline.btn-inverse.btn-left:active:before, .open > .btn-outline.btn-inverse.btn-left.dropdown-toggle:before { border-right-color: #fff; } .btn-group-xs > .btn, .btn-xs { font-size: 0.858rem; padding: 0.072rem 0.358rem; border-radius: 0.143rem; } .btn-squared { border-radius: 0; } .btn-round { border-radius: 1000px; } .btn-primary.disabled, .btn-primary.disabled.active, .btn-primary.disabled.focus, .btn-primary.disabled:active, .btn-primary.disabled:focus, .btn-primary.disabled:hover, .btn-primary[disabled], .btn-primary[disabled].active, .btn-primary[disabled].focus, .btn-primary[disabled]:active, .btn-primary[disabled]:focus, .btn-primary[disabled]:hover { color: #fff; border-color: #a2caee; background-color: #a2caee; } .btn-primary .tag-pill { color: #62a8ea; background-color: #fff; } .btn-primary.btn-up:before { border-bottom-color: #62a8ea; } .btn-primary.btn-up:focus:before, .btn-primary.btn-up:hover:before { border-bottom-color: #89bceb; } .btn-primary.btn-up.active:before, .btn-primary.btn-up:active:before, .open > .btn-primary.btn-up.dropdown-toggle:before { border-bottom-color: #4e97d9; } .btn-primary.btn-right:before { border-left-color: #62a8ea; } .btn-primary.btn-right:focus:before, .btn-primary.btn-right:hover:before { border-left-color: #89bceb; } .btn-primary.btn-right.active:before, .btn-primary.btn-right:active:before, .open > .btn-primary.btn-right.dropdown-toggle:before { border-left-color: #4e97d9; } .btn-primary.btn-bottom:before { border-top-color: #62a8ea; } .btn-primary.btn-bottom:focus:before, .btn-primary.btn-bottom:hover:before { border-top-color: #89bceb; } .btn-primary.btn-bottom.active:before, .btn-primary.btn-bottom:active:before, .open > .btn-primary.btn-bottom.dropdown-toggle:before { border-top-color: #4e97d9; } .btn-primary.btn-left:before { border-right-color: #62a8ea; } .btn-primary.btn-left:focus:before, .btn-primary.btn-left:hover:before { border-right-color: #89bceb; } .btn-primary.btn-left.active:before, .btn-primary.btn-left:active:before, .open > .btn-primary.btn-left.dropdown-toggle:before { border-right-color: #4e97d9; } .btn-success.disabled, .btn-success.disabled.active, .btn-success.disabled.focus, .btn-success.disabled:active, .btn-success.disabled:focus, .btn-success.disabled:hover, .btn-success[disabled], .btn-success[disabled].active, .btn-success[disabled].focus, .btn-success[disabled]:active, .btn-success[disabled]:focus, .btn-success[disabled]:hover { color: #fff; border-color: #7dd3ae; background-color: #7dd3ae; } .btn-success .tag-pill { color: #46be8a; background-color: #fff; } .btn-success.btn-up:before { border-bottom-color: #46be8a; } .btn-success.btn-up:focus:before, .btn-success.btn-up:hover:before { border-bottom-color: #5cd29d; } .btn-success.btn-up.active:before, .btn-success.btn-up:active:before, .open > .btn-success.btn-up.dropdown-toggle:before { border-bottom-color: #36ab7a; } .btn-success.btn-right:before { border-left-color: #46be8a; } .btn-success.btn-right:focus:before, .btn-success.btn-right:hover:before { border-left-color: #5cd29d; } .btn-success.btn-right.active:before, .btn-success.btn-right:active:before, .open > .btn-success.btn-right.dropdown-toggle:before { border-left-color: #36ab7a; } .btn-success.btn-bottom:before { border-top-color: #46be8a; } .btn-success.btn-bottom:focus:before, .btn-success.btn-bottom:hover:before { border-top-color: #5cd29d; } .btn-success.btn-bottom.active:before, .btn-success.btn-bottom:active:before, .open > .btn-success.btn-bottom.dropdown-toggle:before { border-top-color: #36ab7a; } .btn-success.btn-left:before { border-right-color: #46be8a; } .btn-success.btn-left:focus:before, .btn-success.btn-left:hover:before { border-right-color: #5cd29d; } .btn-success.btn-left.active:before, .btn-success.btn-left:active:before, .open > .btn-success.btn-left.dropdown-toggle:before { border-right-color: #36ab7a; } .btn-info.disabled, .btn-info.disabled.active, .btn-info.disabled.focus, .btn-info.disabled:active, .btn-info.disabled:focus, .btn-info.disabled:hover, .btn-info[disabled], .btn-info[disabled].active, .btn-info[disabled].focus, .btn-info[disabled]:active, .btn-info[disabled]:focus, .btn-info[disabled]:hover { color: #fff; border-color: #9ae1e9; background-color: #9ae1e9; } .btn-info .tag-pill { color: #57c7d4; background-color: #fff; } .btn-info.btn-up:before { border-bottom-color: #57c7d4; } .btn-info.btn-up:focus:before, .btn-info.btn-up:hover:before { border-bottom-color: #77d6e1; } .btn-info.btn-up.active:before, .btn-info.btn-up:active:before, .open > .btn-info.btn-up.dropdown-toggle:before { border-bottom-color: #47b8c6; } .btn-info.btn-right:before { border-left-color: #57c7d4; } .btn-info.btn-right:focus:before, .btn-info.btn-right:hover:before { border-left-color: #77d6e1; } .btn-info.btn-right.active:before, .btn-info.btn-right:active:before, .open > .btn-info.btn-right.dropdown-toggle:before { border-left-color: #47b8c6; } .btn-info.btn-bottom:before { border-top-color: #57c7d4; } .btn-info.btn-bottom:focus:before, .btn-info.btn-bottom:hover:before { border-top-color: #77d6e1; } .btn-info.btn-bottom.active:before, .btn-info.btn-bottom:active:before, .open > .btn-info.btn-bottom.dropdown-toggle:before { border-top-color: #47b8c6; } .btn-info.btn-left:before { border-right-color: #57c7d4; } .btn-info.btn-left:focus:before, .btn-info.btn-left:hover:before { border-right-color: #77d6e1; } .btn-info.btn-left.active:before, .btn-info.btn-left:active:before, .open > .btn-info.btn-left.dropdown-toggle:before { border-right-color: #47b8c6; } .btn-warning.disabled, .btn-warning.disabled.active, .btn-warning.disabled.focus, .btn-warning.disabled:active, .btn-warning.disabled:focus, .btn-warning.disabled:hover, .btn-warning[disabled], .btn-warning[disabled].active, .btn-warning[disabled].focus, .btn-warning[disabled]:active, .btn-warning[disabled]:focus, .btn-warning[disabled]:hover { color: #fff; border-color: #f6be80; background-color: #f6be80; } .btn-warning .tag-pill { color: #f2a654; background-color: #fff; } .btn-warning.btn-up:before { border-bottom-color: #f2a654; } .btn-warning.btn-up:focus:before, .btn-warning.btn-up:hover:before { border-bottom-color: #f4b066; } .btn-warning.btn-up.active:before, .btn-warning.btn-up:active:before, .open > .btn-warning.btn-up.dropdown-toggle:before { border-bottom-color: #ec9940; } .btn-warning.btn-right:before { border-left-color: #f2a654; } .btn-warning.btn-right:focus:before, .btn-warning.btn-right:hover:before { border-left-color: #f4b066; } .btn-warning.btn-right.active:before, .btn-warning.btn-right:active:before, .open > .btn-warning.btn-right.dropdown-toggle:before { border-left-color: #ec9940; } .btn-warning.btn-bottom:before { border-top-color: #f2a654; } .btn-warning.btn-bottom:focus:before, .btn-warning.btn-bottom:hover:before { border-top-color: #f4b066; } .btn-warning.btn-bottom.active:before, .btn-warning.btn-bottom:active:before, .open > .btn-warning.btn-bottom.dropdown-toggle:before { border-top-color: #ec9940; } .btn-warning.btn-left:before { border-right-color: #f2a654; } .btn-warning.btn-left:focus:before, .btn-warning.btn-left:hover:before { border-right-color: #f4b066; } .btn-warning.btn-left.active:before, .btn-warning.btn-left:active:before, .open > .btn-warning.btn-left.dropdown-toggle:before { border-right-color: #ec9940; } .btn-danger.disabled, .btn-danger.disabled.active, .btn-danger.disabled.focus, .btn-danger.disabled:active, .btn-danger.disabled:focus, .btn-danger.disabled:hover, .btn-danger[disabled], .btn-danger[disabled].active, .btn-danger[disabled].focus, .btn-danger[disabled]:active, .btn-danger[disabled]:focus, .btn-danger[disabled]:hover { color: #fff; border-color: #fa9898; background-color: #fa9898; } .btn-danger .tag-pill { color: #f96868; background-color: #fff; } .btn-danger.btn-up:before { border-bottom-color: #f96868; } .btn-danger.btn-up:focus:before, .btn-danger.btn-up:hover:before { border-bottom-color: #fa7a7a; } .btn-danger.btn-up.active:before, .btn-danger.btn-up:active:before, .open > .btn-danger.btn-up.dropdown-toggle:before { border-bottom-color: #e9595b; } .btn-danger.btn-right:before { border-left-color: #f96868; } .btn-danger.btn-right:focus:before, .btn-danger.btn-right:hover:before { border-left-color: #fa7a7a; } .btn-danger.btn-right.active:before, .btn-danger.btn-right:active:before, .open > .btn-danger.btn-right.dropdown-toggle:before { border-left-color: #e9595b; } .btn-danger.btn-bottom:before { border-top-color: #f96868; } .btn-danger.btn-bottom:focus:before, .btn-danger.btn-bottom:hover:before { border-top-color: #fa7a7a; } .btn-danger.btn-bottom.active:before, .btn-danger.btn-bottom:active:before, .open > .btn-danger.btn-bottom.dropdown-toggle:before { border-top-color: #e9595b; } .btn-danger.btn-left:before { border-right-color: #f96868; } .btn-danger.btn-left:focus:before, .btn-danger.btn-left:hover:before { border-right-color: #fa7a7a; } .btn-danger.btn-left.active:before, .btn-danger.btn-left:active:before, .open > .btn-danger.btn-left.dropdown-toggle:before { border-right-color: #e9595b; } .btn-default { color: #76838f; border-color: #e4eaec; background-color: #e4eaec; -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075); -webkit-box-shadow: none; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: none; } .btn-default:hover, .btn-default.focus, .btn-default:focus { color: #76838f; border-color: #c0ced3; background-color: #c6d3d7; } .btn-default.active, .btn-default:active, .open > .btn-default.dropdown-toggle { color: #76838f; border-color: #c0ced3; background-color: #c6d3d7; background-image: none; -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); } .btn-default.active.focus, .btn-default.active:focus, .btn-default.active:hover, .btn-default:active.focus, .btn-default:active:focus, .btn-default:active:hover, .open > .btn-default.dropdown-toggle.focus, .open > .btn-default.dropdown-toggle:focus, .open > .btn-default.dropdown-toggle:hover { color: #76838f; border-color: #ccd5db; background-color: #ccd5db; } .btn-default.disabled.focus, .btn-default.disabled:focus, .btn-default:disabled.focus, .btn-default:disabled:focus, .btn-default.disabled:hover, .btn-default:disabled:hover { border-color: #e4eaec; background-color: #e4eaec; } .btn-default.focus, .btn-default:focus, .btn-default:hover { border-color: #f3f7f9; background-color: #f3f7f9; } .btn-default.active, .btn-default:active, .open > .btn-default.dropdown-toggle { border-color: #ccd5db; background-color: #ccd5db; -webkit-box-shadow: none; box-shadow: none; } .btn-default.disabled, .btn-default.disabled.active, .btn-default.disabled.focus, .btn-default.disabled:active, .btn-default.disabled:focus, .btn-default.disabled:hover, .btn-default[disabled], .btn-default[disabled].active, .btn-default[disabled].focus, .btn-default[disabled]:active, .btn-default[disabled]:focus, .btn-default[disabled]:hover { cursor: not-allowed; color: #76838f; border-color: #f3f7f9; background-color: #f3f7f9; } .btn-default .tag-pill { color: #e4eaec; background-color: #76838f; } .btn-default.btn-up:before { border-bottom-color: #e4eaec; } .btn-default.btn-up:focus:before, .btn-default.btn-up:hover:before { border-bottom-color: #f3f7f9; } .btn-default.btn-up.active:before, .btn-default.btn-up:active:before, .open > .btn-default.btn-up.dropdown-toggle:before { border-bottom-color: #ccd5db; } .btn-default.btn-right:before { border-left-color: #e4eaec; } .btn-default.btn-right:focus:before, .btn-default.btn-right:hover:before { border-left-color: #f3f7f9; } .btn-default.btn-right.active:before, .btn-default.btn-right:active:before, .open > .btn-default.btn-right.dropdown-toggle:before { border-left-color: #ccd5db; } .btn-default.btn-bottom:before { border-top-color: #e4eaec; } .btn-default.btn-bottom:focus:before, .btn-default.btn-bottom:hover:before { border-top-color: #f3f7f9; } .btn-default.btn-bottom.active:before, .btn-default.btn-bottom:active:before, .open > .btn-default.btn-bottom.dropdown-toggle:before { border-top-color: #ccd5db; } .btn-default.btn-left:before { border-right-color: #e4eaec; } .btn-default.btn-left:focus:before, .btn-default.btn-left:hover:before { border-right-color: #f3f7f9; } .btn-default.btn-left.active:before, .btn-default.btn-left:active:before, .open > .btn-default.btn-left.dropdown-toggle:before { border-right-color: #ccd5db; } .btn-inverse { color: #76838f; border-color: #e4eaec; background-color: #fff; -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075); -webkit-box-shadow: none; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: none; } .btn-inverse:hover, .btn-inverse.focus, .btn-inverse:focus { color: #76838f; border-color: #c0ced3; background-color: #e6e6e6; } .btn-inverse.active, .btn-inverse:active, .open > .btn-inverse.dropdown-toggle { color: #76838f; border-color: #c0ced3; background-color: #e6e6e6; background-image: none; -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); } .btn-inverse.active.focus, .btn-inverse.active:focus, .btn-inverse.active:hover, .btn-inverse:active.focus, .btn-inverse:active:focus, .btn-inverse:active:hover, .open > .btn-inverse.dropdown-toggle.focus, .open > .btn-inverse.dropdown-toggle:focus, .open > .btn-inverse.dropdown-toggle:hover { color: #76838f; border-color: #ccd5db; background-color: #fff; } .btn-inverse.disabled.focus, .btn-inverse.disabled:focus, .btn-inverse:disabled.focus, .btn-inverse:disabled:focus, .btn-inverse.disabled:hover, .btn-inverse:disabled:hover { border-color: #e4eaec; background-color: #fff; } .btn-inverse.focus, .btn-inverse:focus, .btn-inverse:hover { border-color: #f3f7f9; background-color: #fff; } .btn-inverse.active, .btn-inverse:active, .open > .btn-inverse.dropdown-toggle { border-color: #ccd5db; background-color: #fff; -webkit-box-shadow: none; box-shadow: none; } .btn-inverse.disabled, .btn-inverse.disabled.active, .btn-inverse.disabled.focus, .btn-inverse.disabled:active, .btn-inverse.disabled:focus, .btn-inverse.disabled:hover, .btn-inverse[disabled], .btn-inverse[disabled].active, .btn-inverse[disabled].focus, .btn-inverse[disabled]:active, .btn-inverse[disabled]:focus, .btn-inverse[disabled]:hover { color: #ccd5db; border-color: #a3afb7; background-color: #fff; } .btn-inverse .tag-pill { color: #fff; background-color: #76838f; } .btn-inverse.btn-up:before, .btn-inverse.btn-up:focus:before, .btn-inverse.btn-up:hover:before, .btn-inverse.btn-up.active:before, .btn-inverse.btn-up:active:before, .open > .btn-inverse.btn-up.dropdown-toggle:before { border-bottom-color: #fff; } .btn-inverse.btn-right:before, .btn-inverse.btn-right:focus:before, .btn-inverse.btn-right:hover:before, .btn-inverse.btn-right.active:before, .btn-inverse.btn-right:active:before, .open > .btn-inverse.btn-right.dropdown-toggle:before { border-left-color: #fff; } .btn-inverse.btn-bottom:before, .btn-inverse.btn-bottom:focus:before, .btn-inverse.btn-bottom:hover:before, .btn-inverse.btn-bottom.active:before, .btn-inverse.btn-bottom:active:before, .open > .btn-inverse.btn-bottom.dropdown-toggle:before { border-top-color: #fff; } .btn-inverse.btn-left:before, .btn-inverse.btn-left:focus:before, .btn-inverse.btn-left:hover:before, .btn-inverse.btn-left.active:before, .btn-inverse.btn-left:active:before, .open > .btn-inverse.btn-left.dropdown-toggle:before { border-right-color: #fff; } .btn-dark { color: #fff; border-color: #526069; background-color: #526069; -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075); -webkit-box-shadow: none; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: none; } .btn-dark:hover, .btn-dark.focus, .btn-dark:focus { color: #fff; border-color: #374147; background-color: #3c464c; } .btn-dark.active, .btn-dark:active, .open > .btn-dark.dropdown-toggle { color: #fff; border-color: #374147; background-color: #3c464c; background-image: none; -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); } .btn-dark.active.focus, .btn-dark.active:focus, .btn-dark.active:hover, .btn-dark:active.focus, .btn-dark:active:focus, .btn-dark:active:hover, .open > .btn-dark.dropdown-toggle.focus, .open > .btn-dark.dropdown-toggle:focus, .open > .btn-dark.dropdown-toggle:hover { color: #fff; border-color: #37474f; background-color: #37474f; } .btn-dark.disabled.focus, .btn-dark.disabled:focus, .btn-dark:disabled.focus, .btn-dark:disabled:focus, .btn-dark.disabled:hover, .btn-dark:disabled:hover { border-color: #526069; background-color: #526069; } .btn-dark.focus, .btn-dark:focus, .btn-dark:hover { border-color: #76838f; background-color: #76838f; } .btn-dark.active, .btn-dark:active, .open > .btn-dark.dropdown-toggle { border-color: #37474f; background-color: #37474f; -webkit-box-shadow: none; box-shadow: none; } .btn-dark.disabled, .btn-dark.disabled.active, .btn-dark.disabled.focus, .btn-dark.disabled:active, .btn-dark.disabled:focus, .btn-dark.disabled:hover, .btn-dark[disabled], .btn-dark[disabled].active, .btn-dark[disabled].focus, .btn-dark[disabled]:active, .btn-dark[disabled]:focus, .btn-dark[disabled]:hover { color: #fff; border-color: #a3afb7; background-color: #a3afb7; } .btn-dark .tag-pill { color: #526069; background-color: #fff; } .btn-dark.btn-up:before { border-bottom-color: #526069; } .btn-dark.btn-up:focus:before, .btn-dark.btn-up:hover:before { border-bottom-color: #76838f; } .btn-dark.btn-up.active:before, .btn-dark.btn-up:active:before, .open > .btn-dark.btn-up.dropdown-toggle:before { border-bottom-color: #37474f; } .btn-dark.btn-right:before { border-left-color: #526069; } .btn-dark.btn-right:focus:before, .btn-dark.btn-right:hover:before { border-left-color: #76838f; } .btn-dark.btn-right.active:before, .btn-dark.btn-right:active:before, .open > .btn-dark.btn-right.dropdown-toggle:before { border-left-color: #37474f; } .btn-dark.btn-bottom:before { border-top-color: #526069; } .btn-dark.btn-bottom:focus:before, .btn-dark.btn-bottom:hover:before { border-top-color: #76838f; } .btn-dark.btn-bottom.active:before, .btn-dark.btn-bottom:active:before, .open > .btn-dark.btn-bottom.dropdown-toggle:before { border-top-color: #37474f; } .btn-dark.btn-left:before { border-right-color: #526069; } .btn-dark.btn-left:focus:before, .btn-dark.btn-left:hover:before { border-right-color: #76838f; } .btn-dark.btn-left.active:before, .btn-dark.btn-left:active:before, .open > .btn-dark.btn-left.dropdown-toggle:before { border-right-color: #37474f; } .btn-icon, .btn.icon { line-height: 1em; padding: 0.715rem; } .btn-group-xs > .btn-icon.btn, .btn-group-xs > .btn.icon, .btn-icon.btn-xs, .btn.icon.btn-xs { font-size: 0.858rem; padding: 0.286rem; } .btn-icon.btn-sm, .btn.icon.btn-sm { font-size: 1rem; padding: 0.572rem; } .btn-icon.btn-lg, .btn.icon.btn-lg { font-size: 1.429rem; padding: 0.858rem; } .btn-icon.disabled, .btn.icon.disabled { color: #a3afb7; } .btn-icon .icon { margin: -1px 0 0; } .btn-floating { font-size: 1.715rem; width: 4rem; height: 4rem; margin: 0; padding: 0; text-align: center; border-radius: 100%; -webkit-box-shadow: 0 6px 10px rgba(0, 0, 0, 0.15); box-shadow: 0 6px 10px rgba(0, 0, 0, 0.15); } .btn-floating.btn-xs, .btn-group-xs > .btn-floating.btn { font-size: 0.929rem; width: 2.143rem; height: 2.143rem; padding: 0; } .btn-floating.btn-sm { font-size: 1.072rem; width: 2.858rem; height: 2.858rem; padding: 0; } .btn-floating.btn-lg { font-size: 2.143rem; width: 5rem; height: 5rem; padding: 0; } .btn-floating i { position: relative; top: 0; } .btn-pill-left { border-radius: 500px 0 0 500px; } .btn-pill-right { border-radius: 0 500px 500px 0; } .btn-direction { position: relative; } .btn-direction:before { line-height: 0; position: absolute; content: ""; border: 8px solid transparent; } .btn-up:before { top: -16px; left: 50%; margin-left: -8px; border-bottom-color: #e4eaec; } .btn-right:before { top: 50%; right: -16px; margin-top: -8px; border-left-color: #e4eaec; } .btn-bottom:before { bottom: -16px; left: 50%; margin-left: -8px; border-top-color: #e4eaec; } .btn-left:before { top: 50%; left: -16px; margin-top: -8px; border-right-color: #e4eaec; } .btn-group-xs > .dropdown-toggle.btn:after, .dropdown-toggle.btn-xs:after { margin-left: 0; } .dropdown-item .icon:first-child { width: 1em; margin-right: 0.5em; text-align: center; } .dropdown-menu.dropdown-menu-bullet { margin-top: 12px; } .dropdown-menu.dropdown-menu-bullet:after, .dropdown-menu.dropdown-menu-bullet:before { position: absolute; left: 10px; display: inline-block; width: 0; height: 0; content: ""; border: 7px solid transparent; border-top-width: 0; } .dropdown-menu.dropdown-menu-bullet:before { top: -7px; border-bottom-color: #e4eaec; } .dropdown-menu.dropdown-menu-bullet:after { top: -6px; border-bottom-color: #fff; } .dropdown-menu-right.dropdown-menu-bullet:after, .dropdown-menu-right.dropdown-menu-bullet:before { right: 10px; left: auto; } .dropdown-menu.animate { overflow: hidden; } .dropdown-menu.animate > .dropdown-item { -webkit-animation: slide-left 0.5s both; -o-animation: slide-left 0.5s both; animation: slide-left 0.5s both; } .dropdown-menu.animate > .dropdown-item:nth-child(1) { -webkit-animation: animation-delay(0.02s); -o-animation: animation-delay(0.02s); animation: animation-delay(0.02s); } .dropdown-menu.animate > .dropdown-item:nth-child(2) { -webkit-animation: animation-delay(0.04s); -o-animation: animation-delay(0.04s); animation: animation-delay(0.04s); } .dropdown-menu.animate > .dropdown-item:nth-child(3) { -webkit-animation: animation-delay(0.06s); -o-animation: animation-delay(0.06s); animation: animation-delay(0.06s); } .dropdown-menu.animate > .dropdown-item:nth-child(4) { -webkit-animation: animation-delay(0.08s); -o-animation: animation-delay(0.08s); animation: animation-delay(0.08s); } .dropdown-menu.animate > .dropdown-item:nth-child(5) { -webkit-animation: animation-delay(0.1s); -o-animation: animation-delay(0.1s); animation: animation-delay(0.1s); } .dropdown-menu.animate > .dropdown-item:nth-child(6) { -webkit-animation: animation-delay(0.12s); -o-animation: animation-delay(0.12s); animation: animation-delay(0.12s); } .dropdown-menu.animate > .dropdown-item:nth-child(7) { -webkit-animation: animation-delay(0.14s); -o-animation: animation-delay(0.14s); animation: animation-delay(0.14s); } .dropdown-menu.animate > .dropdown-item:nth-child(8) { -webkit-animation: animation-delay(0.16s); -o-animation: animation-delay(0.16s); animation: animation-delay(0.16s); } .dropdown-menu.animate > .dropdown-item:nth-child(9) { -webkit-animation: animation-delay(0.18s); -o-animation: animation-delay(0.18s); animation: animation-delay(0.18s); } .dropdown-menu.animate > .dropdown-item:nth-child(10) { -webkit-animation: animation-delay(0.2s); -o-animation: animation-delay(0.2s); animation: animation-delay(0.2s); } .dropdown-menu.animate > .dropdown-item.dropdown-divider { -webkit-animation-name: none; -o-animation-name: none; animation-name: none; } .dropdown-menu.animate.animate-reverse > .dropdown-item:nth-last-child(1) { -webkit-animation: animation-delay(0.02s); -o-animation: animation-delay(0.02s); animation: animation-delay(0.02s); } .dropdown-menu.animate.animate-reverse > .dropdown-item:nth-last-child(2) { -webkit-animation: animation-delay(0.04s); -o-animation: animation-delay(0.04s); animation: animation-delay(0.04s); } .dropdown-menu.animate.animate-reverse > .dropdown-item:nth-last-child(3) { -webkit-animation: animation-delay(0.06s); -o-animation: animation-delay(0.06s); animation: animation-delay(0.06s); } .dropdown-menu.animate.animate-reverse > .dropdown-item:nth-last-child(4) { -webkit-animation: animation-delay(0.08s); -o-animation: animation-delay(0.08s); animation: animation-delay(0.08s); } .dropdown-menu.animate.animate-reverse > .dropdown-item:nth-last-child(5) { -webkit-animation: animation-delay(0.1s); -o-animation: animation-delay(0.1s); animation: animation-delay(0.1s); } .dropdown-menu.animate.animate-reverse > .dropdown-item:nth-last-child(6) { -webkit-animation: animation-delay(0.12s); -o-animation: animation-delay(0.12s); animation: animation-delay(0.12s); } .dropdown-menu.animate.animate-reverse > .dropdown-item:nth-last-child(7) { -webkit-animation: animation-delay(0.14s); -o-animation: animation-delay(0.14s); animation: animation-delay(0.14s); } .dropdown-menu.animate.animate-reverse > .dropdown-item:nth-last-child(8) { -webkit-animation: animation-delay(0.16s); -o-animation: animation-delay(0.16s); animation: animation-delay(0.16s); } .dropdown-menu.animate.animate-reverse > .dropdown-item:nth-last-child(9) { -webkit-animation: animation-delay(0.18s); -o-animation: animation-delay(0.18s); animation: animation-delay(0.18s); } .dropdown-menu.animate.animate-reverse > .dropdown-item:nth-last-child(10) { -webkit-animation: animation-delay(0.2s); -o-animation: animation-delay(0.2s); animation: animation-delay(0.2s); } .dropup .dropdown-menu.dropdown-menu-bullet, .navsbar-fixed-bottom .dropdown .dropdown-menu.dropdown-menu-bullet { margin-bottom: 12px; } .dropup .dropdown-menu.dropdown-menu-bullet:after, .dropup .dropdown-menu.dropdown-menu-bullet:before, .navsbar-fixed-bottom .dropdown .dropdown-menu.dropdown-menu-bullet:after, .navsbar-fixed-bottom .dropdown .dropdown-menu.dropdown-menu-bullet:before { top: auto; border-top-width: 7px; border-bottom-width: 0; } .dropup .dropdown-menu.dropdown-menu-bullet:before, .navsbar-fixed-bottom .dropdown .dropdown-menu.dropdown-menu-bullet:before { bottom: -7px; border-top-color: #e4eaec; } .dropup .dropdown-menu.dropdown-menu-bullet:after, .navsbar-fixed-bottom .dropdown .dropdown-menu.dropdown-menu-bullet:after { bottom: -6px; border-top-color: #fff; } .dropdown-menu > .dropdown-header { font-size: 1rem; font-weight: 700; padding: 8px 20px 6px; cursor: default; } .dropdown-menu > .dropdown-submenu { position: relative; } .dropdown-menu > .dropdown-submenu > .dropdown-item { position: relative; } .dropdown-menu > .dropdown-submenu > .dropdown-item:after { position: absolute; right: 10px; display: inline-block; width: 0; height: 0; margin-top: 6px; content: ""; vertical-align: middle; border-top: 4px solid transparent; border-bottom: 4px solid transparent; border-left: 4px dashed; } .dropdown-menu > .dropdown-submenu .dropdown-menu { left: 100%; margin: 0; } .dropdown-menu > .dropdown-submenu.dropdown-menu-left .dropdown-menu { left: -100%; } .dropdown-menu > .dropdown-submenu:hover .dropdown-menu { display: block; } .dropdown .dropdown-submenu .dropdown-menu { top: 0; } .dropup .dropdown-submenu .dropdown-menu { bottom: 0; } .dropdown-menu-media { width: 360px; padding-top: 0; padding-bottom: 0; } .dropdown-menu-media > li { margin: 0; padding: 0; } .dropdown-menu-media .dropdown-menu-header { position: relative; padding: 20px 20px; border-bottom: 1px solid #e4eaec; background-color: #fff; } .dropdown-menu-media .dropdown-menu-header > h3, .dropdown-menu-media .dropdown-menu-header > h4, .dropdown-menu-media .dropdown-menu-header > h5 { margin: 0; } .dropdown-menu-media .dropdown-menu-header .tag { position: absolute; top: 50%; right: 20px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } .dropdown-menu-media .list-group { font-size: 0.858rem; max-height: 270px; margin: 0; border-radius: 0; } .dropdown-menu-media .list-group-item { margin: 0; padding: 0 20px; border: none; border-radius: 0 !important; } .dropdown-menu-media .list-group-item .media { padding: 15px 0; border-top: 1px solid #e4eaec; } .dropdown-menu-media .list-group-item:first-child .media { border-top: none; } .dropdown-menu-media > .dropdown-menu-footer { border-top: 1px solid #e4eaec; background-color: #f3f7f9; } .dropdown-menu-media > .dropdown-menu-footer > a { margin: 0; padding: 15px 20px !important; color: #a3afb7 !important; } .dropdown-menu-media > .dropdown-menu-footer > a:hover { color: #89bceb !important; background-color: transparent !important; } .dropdown-menu-media > .dropdown-menu-footer > .dropdown-menu-footer-btn { float: right; } .dropdown-menu-media > .dropdown-menu-footer > .dropdown-menu-footer-btn:hover { color: #89bceb !important; background-color: transparent !important; } .dropdown-menu-primary .dropdown-iten.active, .dropdown-menu-primary .dropdown-iten.active:focus, .dropdown-menu-primary .dropdown-iten.active:hover { color: #fff; background-color: #62a8ea; } .dropdown-menu-success .dropdown-iten.active, .dropdown-menu-success .dropdown-iten.active:focus, .dropdown-menu-success .dropdown-iten.active:hover { color: #fff; background-color: #46be8a; } .dropdown-menu-info .dropdown-iten.active, .dropdown-menu-info .dropdown-iten.active:focus, .dropdown-menu-info .dropdown-iten.active:hover { color: #fff; background-color: #57c7d4; } .dropdown-menu-warning .dropdown-iten.active, .dropdown-menu-warning .dropdown-iten.active:focus, .dropdown-menu-warning .dropdown-iten.active:hover { color: #fff; background-color: #f2a654; } .dropdown-menu-danger .dropdown-iten.active, .dropdown-menu-danger .dropdown-iten.active:focus, .dropdown-menu-danger .dropdown-iten.active:hover { color: #fff; background-color: #f96868; } .dropdown-menu-dark .dropdown-iten.active, .dropdown-menu-dark .dropdown-iten.active:focus, .dropdown-menu-dark .dropdown-iten.active:hover { color: #fff; background-color: #526069; } .btn-group .btn ~ .dropdown-toggle { margin-left: -1px; padding-right: 0.8em; padding-left: 0.8em; } .btn-group .btn ~ .dropdown-toggle:after { margin-left: 0; } .btn-group.open .dropdown-toggle { -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.05); box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.05); } .btn-group:focus .dropdown-toggle { -webkit-transition: 0.25s; -o-transition: 0.25s; transition: 0.25s; } .input-group-addon { -webkit-transition: border 0.25s linear, color 0.25s linear, background-color 0.25s linear; -o-transition: border 0.25s linear, color 0.25s linear, background-color 0.25s linear; transition: border 0.25s linear, color 0.25s linear, background-color 0.25s linear; } .input-group-btn .btn { padding: 6px 10px; } .input-group-btn .btn > .icon { line-height: inherit; vertical-align: bottom; } .input-group-lg .input-group-addon, .input-group-lg .input-group-btn { line-height: 1.333333; } .input-group-sm .input-group-addon, .input-group-sm .input-group-btn { line-height: 1.5; } .navs-link:focus { outline: 0; } .navs-link .close { display: inline-block; margin-left: 10px; } .navs-tabs .navs-link > .icon { line-height: 1; margin-right: 0.5em; } .navs-tabs .dropup .dropdown-menu { margin-bottom: -1px; border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .navs-pills .navs-link { -webkit-transition: border 0.2s linear 0s, color 0.2s linear 0s, background-color 0.2s linear 0s; -o-transition: border 0.2s linear 0s, color 0.2s linear 0s, background-color 0.2s linear 0s; transition: border 0.2s linear 0s, color 0.2s linear 0s, background-color 0.2s linear 0s; } .navs-pills-rounded .navs-link { margin-right: 5px; margin-left: 5px; padding-right: 20px; padding-left: 20px; border-radius: 1000px; } .navs-tabs-reverse .navs-item { float: right; } .navs-tabs-reverse .navs-item + .navs-item { margin-right: 2px; margin-left: 0; } .navs-tabs-solid { border-bottom-color: #f3f7f9; } .navs-tabs-solid .navs-link:hover { border-color: transparent; } .navs-tabs-solid .navs-item.open .navs-link, .navs-tabs-solid .navs-item.open .navs-link:focus, .navs-tabs-solid .navs-item.open .navs-link:hover, .navs-tabs-solid .navs-link.active, .navs-tabs-solid .navs-link.active:focus, .navs-tabs-solid .navs-link.active:hover { color: #76838f; border-color: transparent; background-color: #f3f7f9; } .navs-tabs-solid ~ .tab-content { padding: 1.429rem; background-color: #f3f7f9; } .navs-tabs-line { position: relative; } .navs-tabs-line .navs-link { padding: 0.715rem 1.429rem; border-bottom: 2px solid transparent; } .navs-tabs-line .navs-link:focus, .navs-tabs-line .navs-link:hover { background-color: transparent; } .navs-tabs-line .navs-link:hover { border-bottom-color: #ccd5db; } .navs-tabs-line .navs-item.open .navs-link, .navs-tabs-line .navs-item.open .navs-link:focus, .navs-tabs-line .navs-item.open .navs-link:hover, .navs-tabs-line .navs-link.active, .navs-tabs-line .navs-link.active:focus, .navs-tabs-line .navs-link.active:hover { color: #62a8ea; border-bottom: 2px solid #62a8ea; background-color: transparent; } .navs-tabs-line .dropdown-menu { margin-top: 0; } .navs-tabs-line .dropup .dropdown-menu { margin-bottom: 0; } .navs-tabs-line .navs-item.open > .navs-link, .navs-tabs-line .navs-item.open > .navs-link:focus, .navs-tabs-line .navs-item.open > .navs-link:hover { border-bottom-color: #62a8ea; } .tabs-line-top { border-bottom: 1px solid #e4eaec; } .tabs-line-top .navs-item .navs-link, .tabs-line-top .navs-link { bottom: -1px; border-top: 2px solid transparent; border-bottom-color: transparent; } .tabs-line-top .navs-item .navs-link:hover, .tabs-line-top .navs-link:hover { border-top: 2px solid #ccd5db; border-bottom-color: transparent; } .tabs-line-top .navs-item.open .navs-link, .tabs-line-top .navs-item.open .navs-link:focus, .tabs-line-top .navs-item.open .navs-link:hover, .tabs-line-top .navs-link.active, .tabs-line-top .navs-link.active:focus, .tabs-line-top .navs-link.active:hover { color: #62a8ea; border-top: 2px solid #62a8ea; border-right: 1px solid #e4eaec; border-bottom: 1px solid #fff; border-left: 1px solid #e4eaec; background-color: transparent; } .navs-tabs-vertical::after { display: table; clear: both; content: ""; } .navs-tabs-vertical .navs-tabs { float: left; border-right: 1px solid #e4eaec; border-bottom: none; } .navs-tabs-vertical .navs-tabs .navs-item { float: none; margin-right: -1px; margin-bottom: 2px; margin-left: 0; } .navs-tabs-vertical .navs-tabs .navs-link { border-radius: 0.286rem 0 0 0.286rem; } .navs-tabs-vertical .navs-tabs .navs-link:hover { border-right-color: #e4eaec; border-bottom-color: transparent; } .navs-tabs-vertical .navs-tabs .navs-link.active, .navs-tabs-vertical .navs-tabs .navs-link.active:focus, .navs-tabs-vertical .navs-tabs .navs-link.active:hover { border-right-color: #62a8ea; } .navs-tabs-vertical .navs-tabs-reverse { float: right; border-right: none; border-left: 1px solid #e4eaec; } .navs-tabs-vertical .navs-tabs-reverse .navs-item { margin-right: 0; margin-left: -1px; } .navs-tabs-vertical .navs-tabs-reverse .navs-link { border-radius: 0 0.286rem 0.286rem 0; } .navs-tabs-vertical .navs-tabs-reverse .navs-link:hover { border-right-color: transparent; border-left-color: #e4eaec; } .navs-tabs-vertical .navs-tabs-reverse .navs-link.active, .navs-tabs-vertical .navs-tabs-reverse .navs-link.active:focus, .navs-tabs-vertical .navs-tabs-reverse .navs-link.active:hover { border-left-color: #62a8ea; } .navs-tabs-vertical .navs-tabs-solid { border-right-color: #f3f7f9; } .navs-tabs-vertical .navs-tabs-solid .navs-link:hover { border-color: transparent; } .navs-tabs-vertical .navs-tabs-solid .navs-link.active, .navs-tabs-vertical .navs-tabs-solid .navs-link.active:focus, .navs-tabs-vertical .navs-tabs-solid .navs-link.active:hover { border-color: transparent; } .navs-tabs-vertical .navs-tabs-solid + .tab-content { padding: 1.429rem; } .navs-tabs-vertical .navs-tabs-solid.navs-tabs-reverse { border-left-color: #f3f7f9; } .navs-tabs-vertical .navs-tabs-line .navs-link { border-right: 2px solid transparent; border-bottom: none; } .navs-tabs-vertical .navs-tabs-line .navs-link:hover { border-right-color: #ccd5db; } .navs-tabs-vertical .navs-tabs-line .navs-link.active, .navs-tabs-vertical .navs-tabs-line .navs-link.active:focus, .navs-tabs-vertical .navs-tabs-line .navs-link.active:hover { border-right: 2px solid #62a8ea; border-bottom: none; } .navs-tabs-vertical .navs-tabs-line.navs-tabs-reverse .navs-link { border-right-width: 1px; border-left: 2px solid transparent; } .navs-tabs-vertical .navs-tabs-line.navs-tabs-reverse .navs-link:hover { border-color: transparent; border-left-color: #ccd5db; } .navs-tabs-vertical .navs-tabs-line.navs-tabs-reverse .navs-link.active, .navs-tabs-vertical .navs-tabs-line.navs-tabs-reverse .navs-link.active:focus, .navs-tabs-vertical .navs-tabs-line.navs-tabs-reverse .navs-link.active:hover { border-right: 1px solid transparent; border-left: 2px solid #62a8ea; } .navs-tabs-vertical .tab-content { overflow: hidden; } .navs-tabs-inverse .navs-tabs-solid { border-bottom-color: #fff; } .navs-tabs-inverse .navs-tabs-solid .navs-link.active, .navs-tabs-inverse .navs-tabs-solid .navs-link.active:focus, .navs-tabs-inverse .navs-tabs-solid .navs-link.active:hover { color: #76838f; background-color: #fff; } .navs-tabs-inverse.navs-tabs-vertical .navs-tabs-solid { border-right-color: #fff; } .navs-tabs-inverse.navs-tabs-vertical .navs-tabs-solid.navs-tabs-reverse { border-left-color: #fff; } .navs-tabs-inverse .tab-content { background: #fff; } .navs-tabs-animate .tab-content { overflow: hidden; } .navs-tabs-lg .navs-link { font-size: 1.286rem; line-height: 1.333333; padding: 0.858rem 1.429rem; } .navs-tabs-sm .navs-link { font-size: 0.858rem; line-height: 1.5; padding: 0.358rem 0.715rem; } .navsbar { min-height: 4.715rem; padding: 0; border: none; -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08); } .navsbar-navs { margin: 0.78575rem -0.9375rem; } .navsbar-navs .navs-item { float: none; } .navsbar-navs .navs-link { padding-top: 1.572rem; padding-bottom: 1.572rem; } .navsbar-navs .navs-item .navs-link { line-height: 22px; padding-top: 0.715rem; padding-bottom: 0.715rem; } .navsbar-navs .navs-item + .navs-item { margin-left: 0; } .navsbar-navs > .navs-item > .dropdown-menu { margin-top: 0; border-top-left-radius: 0; border-top-right-radius: 0; } @media (max-width: 767px) { .navsbar-navs .open .dropdown-menu { position: static; float: none; width: auto; margin-top: 0; border: 0; background-color: transparent; -webkit-box-shadow: none; box-shadow: none; } .navsbar-navs .open .dropdown-menu .dropdown-header, .navsbar-navs .open .dropdown-menu .dropdown-item { padding: 5px 15px 5px 25px; } .navsbar-navs .open .dropdown-menu .dropdown-item { line-height: 22px; } .navsbar-navs .open .dropdown-menu .dropdown-item:focus, .navsbar-navs .open .dropdown-menu .dropdown-item:hover { background-image: none; } } @media (min-width: 768px) { .navsbar-navs { float: left; margin: 0; } .navsbar-navs > .navs-item { float: left; } .navsbar-navs > .navs-item > .navs-link { padding-top: 1.5715rem; padding-bottom: 1.5715rem; } .navsbar-navs.navsbar-right:last-child { margin-right: -0.9375rem; } } .navsbar-header::after { display: table; clear: both; content: ""; } @media (min-width: 768px) { .navsbar-header { float: left; } } .container-fluid .navsbar-collapse, .container-fluid .navsbar-header { margin-right: -0.9375rem; margin-left: -0.9375rem; } @media (min-width: 768px) { .container-fluid .navsbar-collapse, .container-fluid .navsbar-header { margin-right: 0; margin-left: 0; } } .navsbar-toggler { line-height: 22px; position: relative; float: right; height: 4.715rem; margin-top: 0; margin-right: 0.9375rem; margin-bottom: 0; padding: 1.5715rem 0.9375rem; cursor: pointer; -webkit-transition: color 0.25s linear; -o-transition: color 0.25s linear; transition: color 0.25s linear; border: 1px solid transparent; border-radius: 0.215rem; background: 0 0 !important; background-image: none; } .navsbar-toggler:hover { background: 0 0 !important; } .navsbar-toggler:focus { outline: 0; } .navsbar-toggler .icon { margin-top: -1px; } .navsbar-toggler .icon-bar { display: block; width: 1.572rem; height: 2px; border-radius: 1px; } .navsbar-toggler .icon-bar + .icon-bar { margin-top: 0.286rem; } @media (min-width: 768px) { .navsbar-toggler { display: none; } } .navsbar-toggler-left { float: left; margin-right: 0; margin-left: 0.9375rem; } .navsbar-collapse { overflow-x: visible; padding-right: 0.9375rem; padding-left: 0.9375rem; border-top: 1px solid transparent; -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1); -webkit-overflow-scrolling: touch; } .navsbar-collapse::after { display: table; clear: both; content: ""; } .navsbar-collapse.in { overflow-y: visible; } @media (min-width: 768px) { .navsbar-collapse { width: auto; border-top: 0; -webkit-box-shadow: none; box-shadow: none; } .navsbar-collapse.collapse { display: block !important; overflow: visible !important; height: auto !important; padding-bottom: 0; } .navsbar-fixed-bottom .navsbar-collapse, .navsbar-fixed-top .navsbar-collapse { padding-right: 0; padding-left: 0; } } .navsbar-fixed-bottom, .navsbar-fixed-top { width: 100%; } .navsbar-brand { font-size: 1.286rem; font-weight: 500; line-height: 22px; float: left; height: 4.715rem; margin: 0; padding: 1.5715rem 1.429rem; } .navsbar-brand:focus, .navsbar-brand:hover { text-decoration: none; } .navsbar-brand > img.navsbar-brand-logo { display: inline-block; } @media (min-width: 768px) { .navsbar > .container .navsbar-brand, .navsbar > .container-fluid .navsbar-brand { margin-left: -0.9375rem; } } .navsbar-toolbar { float: left; } .navsbar-toolbar::after { display: table; clear: both; content: ""; } .navsbar-toolbar .navs-item { float: left; } .navsbar-toolbar .navs-item::after { display: table; clear: both; content: ""; } .navsbar-toolbar .navs-link { line-height: 22px; padding-top: 1.5715rem; padding-bottom: 1.5715rem; } .navsbar-toolbar .dropdown-menu { -webkit-transform-origin: 100% 0; -ms-transform-origin: 100% 0; -o-transform-origin: 100% 0; transform-origin: 100% 0; -webkit-animation-duration: 0.3s; -o-animation-duration: 0.3s; animation-duration: 0.3s; } @media (max-width: 767px) { .navsbar-toolbar .dropdown-menu:not(.dropdown-menu-media) { overflow-x: hidden; overflow-y: scroll; max-height: 28.572rem; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-overflow-scrolling: touch; } } @media (max-width: 767px) and (max-device-width: 480px) and (orientation: landscape) { .navsbar-toolbar .dropdown-menu:not(.dropdown-menu-media) { max-height: 14.286rem; } } @media (max-width: 767px) { .navsbar-toolbar .open { position: static; } .navsbar-toolbar .open .dropdown-menu { right: 0; left: 0; float: none; width: auto; margin-top: 0; border-top-left-radius: 0; border-top-right-radius: 0; } } @media (max-width: 767px) { .navsbar-toolbar-left { float: left !important; } .navsbar-toolbar-right { float: right !important; } } .navsbar-navs .navs-link.navsbar-avatar, .navsbar-toolbar .navs-link.navsbar-avatar { padding-top: 1.286rem; padding-bottom: 1.286rem; } @media (max-width: 767px) { .navsbar-navs .navs-link.navsbar-avatar { padding-top: 0.429rem; padding-bottom: 0.429rem; } } .navsbar-avatar .avatar { width: 2.143rem; } @media (min-width: 768px) { .navsbar-left { float: left; } .navsbar-right { float: right; margin-right: -0.9375rem; } .navsbar-right ~ .navsbar-right { margin-right: 0; } .navsbar-right .dropdown-menu { right: 0; left: auto; } } .navsbar-default { border-color: #e4eaec; background-color: #fff; } .navsbar-default .navsbar-brand { color: #37474f; } .navsbar-default .navsbar-brand:focus, .navsbar-default .navsbar-brand:hover { color: #37474f; background-color: none; } .navsbar-default .navsbar-navs .navs-link { color: #76838f; } .navsbar-default .navsbar-navs .navs-link:focus, .navsbar-default .navsbar-navs .navs-link:hover { color: #526069; background-color: rgba(243, 247, 249, 0.3); } .navsbar-default .navsbar-navs .navs-link.active, .navsbar-default .navsbar-navs .navs-link.active:focus, .navsbar-default .navsbar-navs .navs-link.active:hover, .navsbar-default .navsbar-navs > .active > .navs-link, .navsbar-default .navsbar-navs > .active > .navs-link:focus, .navsbar-default .navsbar-navs > .active > .navs-link:hover { color: #526069; background-color: rgba(243, 247, 249, 0.6); } .navsbar-default .navsbar-navs .navs-link.disabled, .navsbar-default .navsbar-navs .navs-link.disabled:focus, .navsbar-default .navsbar-navs .navs-link.disabled:hover, .navsbar-default .navsbar-navs > .disabled > .navs-link, .navsbar-default .navsbar-navs > .disabled > .navs-link:focus, .navsbar-default .navsbar-navs > .disabled > .navs-link:hover { color: #ccd5db; background-color: transparent; } .navsbar-default .navsbar-toggler { border-color: transparent; } .navsbar-default .navsbar-toggler:focus, .navsbar-default .navsbar-toggler:hover { background-color: rgba(243, 247, 249, 0.3); } .navsbar-default .navsbar-toggler .icon-bar { background-color: #76838f; } .navsbar-default .navsbar-collapse, .navsbar-default .navsbar-form { border-color: #e4eaec; } .navsbar-default .navsbar-navs > .open > .navs-link, .navsbar-default .navsbar-navs > .open > .navs-link:focus, .navsbar-default .navsbar-navs > .open > .navs-link:hover { color: #526069; background-color: rgba(243, 247, 249, 0.6); } @media (max-width: 767px) { .navsbar-default .navsbar-navs .open .dropdown-menu .dropdown-item { color: #76838f; } .navsbar-default .navsbar-navs .open .dropdown-menu .dropdown-item:focus, .navsbar-default .navsbar-navs .open .dropdown-menu .dropdown-item:hover { color: #526069; background-color: rgba(243, 247, 249, 0.3); } .navsbar-default .navsbar-navs .open .dropdown-menu .dropdown-item.active, .navsbar-default .navsbar-navs .open .dropdown-menu .dropdown-item.active:focus, .navsbar-default .navsbar-navs .open .dropdown-menu .dropdown-item.active:hover { color: #526069; background-color: rgba(243, 247, 249, 0.6); } .navsbar-default .navsbar-navs .open .dropdown-menu .dropdown-item.disabled, .navsbar-default .navsbar-navs .open .dropdown-menu .dropdown-item.disabled:focus, .navsbar-default .navsbar-navs .open .dropdown-menu .dropdown-item.disabled:hover { color: #ccd5db; background-color: transparent; } } .navsbar-default .navsbar-link { color: #76838f; } .navsbar-default .navsbar-link:hover { color: #526069; } .navsbar-default .navsbar-toolbar .navs-link { display: block; color: #76838f; } .navsbar-default .navsbar-toolbar .navs-link:focus, .navsbar-default .navsbar-toolbar .navs-link:hover { color: #526069; background-color: rgba(243, 247, 249, 0.3); } .navsbar-default .navsbar-toolbar .navs-link.active, .navsbar-default .navsbar-toolbar .navs-link.active:focus, .navsbar-default .navsbar-toolbar .navs-link.active:hover, .navsbar-default .navsbar-toolbar > .active > .navs-link, .navsbar-default .navsbar-toolbar > .active > .navs-link:focus, .navsbar-default .navsbar-toolbar > .active > .navs-link:hover { color: #526069; background-color: rgba(243, 247, 249, 0.6); } .navsbar-default .navsbar-toolbar .navs-link.disabled, .navsbar-default .navsbar-toolbar .navs-link.disabled:focus, .navsbar-default .navsbar-toolbar .navs-link.disabled:hover, .navsbar-default .navsbar-toolbar > .disabled > .navs-link, .navsbar-default .navsbar-toolbar > .disabled > .navs-link:focus, .navsbar-default .navsbar-toolbar > .disabled > .navs-link:hover { color: #ccd5db; background-color: transparent; } .navsbar-default .navsbar-toggler { color: #76838f; } .navsbar-default .navsbar-toolbar > .open > .navs-link, .navsbar-default .navsbar-toolbar > .open > .navs-link:focus, .navsbar-default .navsbar-toolbar > .open > .navs-link:hover { color: #526069; background-color: rgba(243, 247, 249, 0.6); } .breadcrumb .is-hidden { display: none; } .breadcrumb-item .icon { text-decoration: none; } .breadcrumb-item .icon:before { margin-right: 10px; } .breadcrumb-arrow > .breadcrumb-item + .breadcrumb-item:before { content: "» "; } .page-item > span { padding: 0.643rem 1.072rem; -webkit-transition: background 0.2s ease-out, border-color 0s ease-out, color 0.2s ease-out; -o-transition: background 0.2s ease-out, border-color 0s ease-out, color 0.2s ease-out; transition: background 0.2s ease-out, border-color 0s ease-out, color 0.2s ease-out; } .page-item > span:focus, .page-item > span:hover { -webkit-transition: background 0.2s ease-out, border-color 0.2s ease-out, color 0.2s ease-out; -o-transition: background 0.2s ease-out, border-color 0.2s ease-out, color 0.2s ease-out; transition: background 0.2s ease-out, border-color 0.2s ease-out, color 0.2s ease-out; text-decoration: none; } .page-item .icon { margin-top: -1px; } .page-item.active .page-link { z-index: 3; } .page-item.disabled > span, .page-item.disabled > span:focus, .page-item.disabled > span:hover { cursor: not-allowed; pointer-events: none; color: #ccd5db; border-color: #e4eaec; background-color: transparent; } .pagination-no-border .page-link { border: none; } .tag.tag-outline { color: #f3f7f9; border-color: #f3f7f9; background-color: transparent; } .tag-outline { border: 1px solid transparent; } .tag-round { border-radius: 1em; } .tag-pill:empty { display: none; } .tag-pill.up { position: relative; top: -10px; margin: 0 -0.8em; border-radius: 15px; } .btn .tag-pill { top: 0; } .btn-group-xs > .btn .tag-pill, .btn-xs .tag-pill { top: 0; padding: 1px 5px; } a .tag-pill:focus, a .tag-pill:hover { cursor: pointer; text-decoration: none; } .list-group-item > .tag-pill { float: right; } .list-group-item > .tag-pill + .tag-pill { margin-right: 5px; } .navs-pills > li > a > .tag-pill { margin-left: 3px; } .tag-default.tag-outline { color: #e4eaec; border-color: #e4eaec; background-color: transparent; color: #76838f; } .tag-primary.tag-outline { color: #62a8ea; border-color: #62a8ea; background-color: transparent; } .tag-success.tag-outline { color: #46be8a; border-color: #46be8a; background-color: transparent; } .tag-info.tag-outline { color: #57c7d4; border-color: #57c7d4; background-color: transparent; } .tag-warning.tag-outline { color: #f2a654; border-color: #f2a654; background-color: transparent; } .tag-danger.tag-outline { color: #f96868; border-color: #f96868; background-color: transparent; } .tag-dark { background-color: #526069; } .tag-dark[href]:focus, .tag-dark[href]:hover { } .tag-dark.tag-outline { color: #526069; border-color: #526069; background-color: transparent; } .tag-dark[href]:focus, .tag-dark[href]:hover { background-color: #3c464c; } .tag-lg { font-size: 16px; } .tag-sm { font-size: 10px; padding: 0.1em 0.5em 0.1em; } .alert ul { padding-left: 13px; } .alert ul li { padding-left: 7px; } .panel > .alert { margin: 0; } .alert h4 { margin-top: 0; color: inherit; } .alert > :last-child { margin-bottom: 0; } .alert-alt { color: #76838f; border: none; border-left: 3px solid transparent; background-color: rgba(243, 247, 249, 0.8); } .alert-alt .alert-link, .alert-alt a { text-decoration: none; } .alert-dismissible .close:focus, .alert-dismissible .close:hover { opacity: 1; } .alert-dismissible.alert-alt .close { opacity: 0.6; color: #a3afb7; } .alert-dismissible.alert-alt .close:focus, .alert-dismissible.alert-alt .close:hover { opacity: 1; color: #a3afb7; } .alert-icon { position: relative; padding-left: 45px; } .alert-icon > .icon { font-size: 1rem; position: absolute; top: 18px; left: 20px; width: 1em; text-align: center; } .alert-avatar { position: relative; padding-top: 20px; padding-bottom: 20px; padding-left: 75px; } .alert-avatar > .avatar { position: absolute; top: 12px; left: 20px; } .alert-primary { color: #62a8ea; border-color: #e8f1f8; background-color: rgba(232, 241, 248, 0.8); } .alert-primary .close { color: #62a8ea; } .alert-primary .close:focus, .alert-primary .close:hover { color: #62a8ea; } .alert-primary .alert-link { color: #4e97d9; } .alert-alt.alert-primary { border-color: #62a8ea; } .alert-alt.alert-primary .alert-link, .alert-alt.alert-primary a { color: #62a8ea; } .alert-success .alert-link { color: #36ab7a; } .alert-alt.alert-success { border-color: #46be8a; } .alert-alt.alert-success .alert-link, .alert-alt.alert-success a { color: #46be8a; } .alert-info .alert-link { color: #47b8c6; } .alert-alt.alert-info { border-color: #57c7d4; } .alert-alt.alert-info .alert-link, .alert-alt.alert-info a { color: #57c7d4; } .alert-warning .alert-link { color: #ec9940; } .alert-alt.alert-warning { border-color: #f2a654; } .alert-alt.alert-warning .alert-link, .alert-alt.alert-warning a { color: #f2a654; } .alert-danger .alert-link { color: #e9595b; } .alert-alt.alert-danger { border-color: #f96868; } .alert-alt.alert-danger .alert-link, .alert-alt.alert-danger a { color: #f96868; } .alert.dark .alert-link { font-weight: 700; color: #fff !important; } .alert.dark .alert-left-border { border: none; border-left: 3px solid transparent; } .alert.dark.alert-dismissible.alert-alt .close { color: #fff; } .alert.dark.alert-dismissible.alert-alt .close:focus, .alert.dark.alert-dismissible.alert-alt .close:hover { color: #fff; } .alert.dark.alert-primary { color: #fff; border-color: #62a8ea; background-color: #62a8ea; } .alert.dark.alert-primary .close { color: #fff; } .alert.dark.alert-primary .close:focus, .alert.dark.alert-primary .close:hover { color: #fff; } .alert.dark.alert-primary.alert-alt { border-color: #2771b4; } .alert.dark.alert-primary.alert-alt .alert-link, .alert.dark.alert-primary.alert-alt a { color: #fff; } .alert.dark.alert-success { color: #fff; border-color: #46be8a; background-color: #46be8a; } .alert.dark.alert-success .close { color: #fff; } .alert.dark.alert-success .close:focus, .alert.dark.alert-success .close:hover { color: #fff; } .alert.dark.alert-success.alert-alt { border-color: #247151; } .alert.dark.alert-success.alert-alt .alert-link, .alert.dark.alert-success.alert-alt a { color: #fff; } .alert.dark.alert-info { color: #fff; border-color: #57c7d4; background-color: #57c7d4; } .alert.dark.alert-info .close { color: #fff; } .alert.dark.alert-info .close:focus, .alert.dark.alert-info .close:hover { color: #fff; } .alert.dark.alert-info.alert-alt { border-color: #2e8893; } .alert.dark.alert-info.alert-alt .alert-link, .alert.dark.alert-info.alert-alt a { color: #fff; } .alert.dark.alert-warning { color: #fff; border-color: #f2a654; background-color: #f2a654; } .alert.dark.alert-warning .close { color: #fff; } .alert.dark.alert-warning .close:focus, .alert.dark.alert-warning .close:hover { color: #fff; } .alert.dark.alert-warning.alert-alt { border-color: #cb7314; } .alert.dark.alert-warning.alert-alt .alert-link, .alert.dark.alert-warning.alert-alt a { color: #fff; } .alert.dark.alert-danger { color: #fff; border-color: #f96868; background-color: #f96868; } .alert.dark.alert-danger .close { color: #fff; } .alert.dark.alert-danger .close:focus, .alert.dark.alert-danger .close:hover { color: #fff; } .alert.dark.alert-danger.alert-alt { border-color: #d91d1f; } .alert.dark.alert-danger.alert-alt .alert-link, .alert.dark.alert-danger.alert-alt a { color: #fff; } .media .media { padding-bottom: 0; border-bottom: none; } .media-meta { font-size: 0.858rem; margin-bottom: 3px; color: #a3afb7; } .media-lg .media-object { width: 160px; } .media-lg .media { margin-left: -110px; } .media-sm .media-object { width: 80px; } .media-sm .media { margin-left: -70px; } .media-xs .media-object { width: 60px; } .media-xs .media { margin-left: -60px; } @media (min-width: 768px) { .media-body { overflow: hidden; } .media .media { margin-left: 0; } } @media (max-width: 479px) { .media-lg .media { margin-left: 0; } .media .media-left { margin-bottom: 5px; } .media .media { padding-left: 15px; } .media-left { display: block; } } .list-group .media { padding: 2px 0; border-bottom: 0; } .list-group .media .media-left { padding-right: 20px; } .list-group .media .media-right { padding-left: 20px; } .list-group .media .media-right .status { margin-top: 15px; margin-right: 5px; } .list-group .media .media-heading { font-size: 1rem; } .list-group-full > .list-group-item { padding-right: 0; padding-left: 0; } a.list-group-item { color: #76838f; border-radius: 0.215rem; } a.list-group-item:focus, a.list-group-item:hover { text-decoration: none; color: #76838f; background-color: #f3f7f9; } a.list-group-item.disabled, a.list-group-item.disabled:focus, a.list-group-item.disabled:hover { color: #ccd5db; background-color: #f3f7f9; } a.list-group-item.active, a.list-group-item.active:focus, a.list-group-item.active:hover { color: #fff; background-color: #62a8ea; } .list-group-item .icon { margin-right: 10px; } .list-group-bordered .list-group-item { border-color: #e4eaec; } .list-group-bordered .list-group-item.active, .list-group-bordered .list-group-item.active:focus, .list-group-bordered .list-group-item.active:hover { color: #fff; border-color: #4e97d9; background-color: #4e97d9; } .list-group-dividered .list-group-item { border-top-color: #e4eaec; } .list-group-dividered .list-group-item.active:hover { border-top-color: #e4eaec; } .list-group-dividered .list-group-item:last-child { border-bottom-color: #e4eaec; } .list-group-dividered .list-group-item:first-child { border-top-color: transparent; } .list-group-dividered .list-group-item:first-child.active:hover { border-top-color: transparent; } .list-group-gap .list-group-item { margin-bottom: 2px; border-radius: 0.215rem; } .list-group-full .list-group-item { padding-right: 0; padding-left: 0; } .close.icon { font-size: inherit; } .card .cover { width: 100%; padding: 0; border-bottom: none; } [class*="blocks-"] > li > .card { margin-bottom: 0; } .card > .card-title { padding: 12px 20px; } .card-footer, .card-header { border: none; -webkit-box-shadow: none; box-shadow: none; } .card-bordered { border: 1px solid #e4eaec; } .card-shadow { -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); } .card-block { position: relative; } .modal-footer .btn + .btn { margin-left: 5px; } .modal-footer .btn-block + .btn-block { margin-left: 0; } @media (min-width: 768px) { .modal-dialog { width: auto; margin: 30px auto; } .modal-sm { width: 300px; } } .modal-top { margin: 0 auto; } .modal-center { display: -ms-flexbox; display: -webkit-flex; display: -webkit-box; display: flex; height: 100%; margin: 0 auto; -webkit-justify-content: center; -ms-flex-pack: center; -webkit-box-pack: center; justify-content: center; -webkit-flex-flow: column nowrap; -ms-flex-flow: column nowrap; flex-flow: column nowrap; -webkit-align-content: stretch; -ms-flex-line-pack: center; align-content: center; } .modal-bottom { display: -ms-flexbox; display: -webkit-flex; display: -webkit-box; display: flex; height: 100%; margin: 0 auto; -webkit-justify-content: flex-end; -ms-flex-pack: end; -webkit-box-pack: end; justify-content: flex-end; -webkit-flex-flow: column nowrap; -ms-flex-flow: column nowrap; flex-flow: column nowrap; -webkit-align-content: stretch; -ms-flex-line-pack: center; align-content: center; } .modal-primary .modal-header { border-radius: 0.286rem 0.286rem 0 0; background-color: #62a8ea; } .modal-primary .modal-header * { color: #fff; } .modal-primary .modal-header .close { opacity: 0.6; } .modal-success .modal-header { border-radius: 0.286rem 0.286rem 0 0; background-color: #46be8a; } .modal-success .modal-header * { color: #fff; } .modal-success .modal-header .close { opacity: 0.6; } .modal-info .modal-header { border-radius: 0.286rem 0.286rem 0 0; background-color: #57c7d4; } .modal-info .modal-header * { color: #fff; } .modal-info .modal-header .close { opacity: 0.6; } .modal-warning .modal-header { border-radius: 0.286rem 0.286rem 0 0; background-color: #f2a654; } .modal-warning .modal-header * { color: #fff; } .modal-warning .modal-header .close { opacity: 0.6; } .modal-danger .modal-header { border-radius: 0.286rem 0.286rem 0 0; background-color: #f96868; } .modal-danger .modal-header * { color: #fff; } .modal-danger .modal-header .close { opacity: 0.6; } .modal.modal-fade-in-scale-up .modal-dialog { -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; -webkit-transform: scale(0.7); -ms-transform: scale(0.7); -o-transform: scale(0.7); transform: scale(0.7); opacity: 0; } .modal.modal-fade-in-scale-up.in .modal-dialog { -webkit-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); opacity: 1; } .carousel-control .icon { position: absolute; z-index: 5; top: 50%; display: inline-block; width: 16px; height: 16px; margin-top: -8px; } .carousel-control.left .icon { left: 50%; margin-left: -8px; } .carousel-control.right .icon { right: 50%; margin-right: -8px; } .carousel-caption h1, .carousel-caption h2, .carousel-caption h3, .carousel-caption h4, .carousel-caption h5, .carousel-caption h6 { color: inherit; } .carousel-indicators-scaleup li { -webkit-transition: -webkit-transform 0.3s ease 0s, background-color 0.3s ease 0s; -o-transition: -o-transform 0.3s ease 0s, background-color 0.3s ease 0s; transition: transform 0.3s ease 0s, background-color 0.3s ease 0s; border: none; } .carousel-indicators-scaleup .active { -webkit-transform: scale(1.5); -ms-transform: scale(1.5); -o-transform: scale(1.5); transform: scale(1.5); } .carousel-indicators-fillin li { -webkit-transition: -webkit-box-shadow 0.3s ease 0s; -o-transition: box-shadow 0.3s ease 0s; transition: box-shadow 0.3s ease 0s; background-color: transparent; -webkit-box-shadow: 0 0 0 2px #fff inset; box-shadow: 0 0 0 2px #fff inset; } .carousel-indicators-fillin .active { -webkit-box-shadow: 0 0 0 8px #fff inset; box-shadow: 0 0 0 8px #fff inset; } .carousel-indicators-fall li { position: relative; -webkit-transition: -webkit-transform 0.3s ease 0s, background-color 0.3s ease 0s; -o-transition: -o-transform 0.3s ease 0s, background-color 0.3s ease 0s; transition: transform 0.3s ease 0s, background-color 0.3s ease 0s; } .carousel-indicators-fall li:after { position: absolute; top: 0; left: 0; visibility: hidden; width: 100%; height: 100%; content: ""; -webkit-transition: opacity 0.3s ease 0s, visibility 0s ease 0.3s; -o-transition: opacity 0.3s ease 0s, visibility 0s ease 0.3s; transition: opacity 0.3s ease 0s, visibility 0s ease 0.3s; -webkit-transform: translate(0, -200%); -ms-transform: translate(0, -200%); -o-transform: translate(0, -200%); transform: translate(0, -200%); opacity: 0; border-radius: 50%; background-color: rgba(0, 0, 0, 0.3); } .carousel-indicators-fall .active { -webkit-transform: translate(0, 200%); -ms-transform: translate(0, 200%); -o-transform: translate(0, 200%); transform: translate(0, 200%); background-color: transparent; } .carousel-indicators-fall .active:after { visibility: visible; -webkit-transition: opacity 0.3s ease 0s; -o-transition: opacity 0.3s ease 0s; transition: opacity 0.3s ease 0s; opacity: 1; } @media (min-width: 768px) { .carousel-control .icon { font-size: 24px; width: 24px; height: 24px; margin-top: -12px; } .carousel-control.left .icon { margin-left: -12px; } .carousel-control.right .icon { margin-right: -12px; } } .vertical-align { font-size: 0; } .vertical-align:before { display: inline-block; height: 100%; content: ""; vertical-align: middle; } .vertical-align-bottom, .vertical-align-middle { font-size: 1rem; display: inline-block; max-width: 100%; } .vertical-align-middle { vertical-align: middle; } .vertical-align-bottom { vertical-align: bottom; } .inline { display: inline !important; } .inline-block { display: inline-block !important; } .block { display: block !important; } .text-break { white-space: normal; word-wrap: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; -ms-hyphens: auto; } .text-top { vertical-align: top !important; } .text-middle { vertical-align: middle !important; } .text-bottom { vertical-align: bottom !important; } .font-weight-unset { font-weight: unset !important; } .font-weight-100 { font-weight: 100 !important; } .font-weight-200 { font-weight: 200 !important; } .font-weight-300 { font-weight: 300 !important; } .font-weight-400 { font-weight: 400 !important; } .font-weight-500 { font-weight: 500 !important; } .font-weight-600 { font-weight: 600 !important; } .font-weight-700 { font-weight: 700 !important; } .font-weight-800 { font-weight: 800 !important; } .font-weight-900 { font-weight: 900 !important; } .font-weight-light { font-weight: 300 !important; } .font-weight-normal { font-weight: 400 !important; } .font-weight-medium { font-weight: 500 !important; } .font-weight-bold { font-weight: 700 !important; } .font-size-0 { font-size: 0 !important; } .font-size-10 { font-size: 10px !important; } .font-size-12 { font-size: 12px !important; } .font-size-14 { font-size: 14px !important; } .font-size-16 { font-size: 16px !important; } .font-size-18 { font-size: 18px !important; } .font-size-20 { font-size: 20px !important; } .font-size-24 { font-size: 24px !important; } .font-size-26 { font-size: 26px !important; } .font-size-30 { font-size: 30px !important; } .font-size-40 { font-size: 40px !important; } .font-size-50 { font-size: 50px !important; } .font-size-60 { font-size: 60px !important; } .font-size-70 { font-size: 70px !important; } .font-size-80 { font-size: 80px !important; } .w-50 { width: 50px !important; } .w-100 { width: 100px !important; } .w-120 { width: 120px !important; } .w-150 { width: 150px !important; } .w-200 { width: 200px !important; } .w-250 { width: 250px !important; } .w-300 { width: 300px !important; } .w-350 { width: 350px !important; } .w-400 { width: 400px !important; } .w-450 { width: 450px !important; } .w-500 { width: 500px !important; } @media (max-width: 479px) { .w-xs-50 { width: 50px !important; } .w-xs-100 { width: 100px !important; } .w-xs-120 { width: 120px !important; } .w-xs-150 { width: 150px !important; } .w-xs-200 { width: 200px !important; } .w-xs-250 { width: 250px !important; } .w-xs-300 { width: 300px !important; } .w-xs-350 { width: 350px !important; } .w-xs-400 { width: 400px !important; } .w-xs-450 { width: 450px !important; } .w-xs-500 { width: 500px !important; } .w-xs-100pc { width: 100% !important; } } @media (min-width: 480px) and (max-width: 767px) { .w-sm-50 { width: 50px !important; } .w-sm-100 { width: 100px !important; } .w-sm-120 { width: 120px !important; } .w-sm-150 { width: 150px !important; } .w-sm-200 { width: 200px !important; } .w-sm-250 { width: 250px !important; } .w-sm-300 { width: 300px !important; } .w-sm-350 { width: 350px !important; } .w-sm-400 { width: 400px !important; } .w-sm-450 { width: 450px !important; } .w-sm-500 { width: 500px !important; } .w-sm-100pc { width: 100% !important; } } @media (min-width: 768px) and (max-width: 991px) { .w-md-50 { width: 50px !important; } .w-md-100 { width: 100px !important; } .w-md-120 { width: 120px !important; } .w-md-150 { width: 150px !important; } .w-md-200 { width: 200px !important; } .w-md-250 { width: 250px !important; } .w-md-300 { width: 300px !important; } .w-md-350 { width: 350px !important; } .w-md-400 { width: 400px !important; } .w-md-450 { width: 450px !important; } .w-md-500 { width: 500px !important; } .w-md-100pc { width: 100% !important; } } @media (min-width: 992px) and (max-width: 1199px) { .w-lg-50 { width: 50px !important; } .w-lg-100 { width: 100px !important; } .w-lg-120 { width: 120px !important; } .w-lg-150 { width: 150px !important; } .w-lg-200 { width: 200px !important; } .w-lg-250 { width: 250px !important; } .w-lg-300 { width: 300px !important; } .w-lg-350 { width: 350px !important; } .w-lg-400 { width: 400px !important; } .w-lg-450 { width: 450px !important; } .w-lg-500 { width: 500px !important; } } @media (min-width: 1200px) and (max-width: 1599px) { .w-xl-50 { width: 50px !important; } .w-xl-100 { width: 100px !important; } .w-xl-120 { width: 120px !important; } .w-xl-150 { width: 150px !important; } .w-xl-200 { width: 200px !important; } .w-xl-250 { width: 250px !important; } .w-xl-300 { width: 300px !important; } .w-xl-350 { width: 350px !important; } .w-xl-400 { width: 400px !important; } .w-xl-450 { width: 450px !important; } .w-xl-500 { width: 500px !important; } } .h-50 { height: 50px !important; } .h-100 { height: 100px !important; } .h-120 { height: 120px !important; } .h-150 { height: 150px !important; } .h-200 { height: 200px !important; } .h-250 { height: 250px !important; } .h-300 { height: 300px !important; } .h-350 { height: 350px !important; } .h-400 { height: 400px !important; } .h-450 { height: 450px !important; } .h-500 { height: 500px !important; } @media (max-width: 479px) { .h-xs-50 { height: 50px !important; } .h-xs-100 { height: 100px !important; } .h-xs-120 { height: 120px !important; } .h-xs-150 { height: 150px !important; } .h-xs-200 { height: 200px !important; } .h-xs-250 { height: 250px !important; } .h-xs-300 { height: 300px !important; } .h-xs-350 { height: 350px !important; } .h-xs-400 { height: 400px !important; } .h-xs-450 { height: 450px !important; } .h-xs-500 { height: 500px !important; } } @media (min-width: 480px) and (max-width: 767px) { .h-sm-50 { height: 50px !important; } .h-sm-100 { height: 100px !important; } .h-sm-120 { height: 120px !important; } .h-sm-150 { height: 150px !important; } .h-sm-200 { height: 200px !important; } .h-sm-250 { height: 250px !important; } .h-sm-300 { height: 300px !important; } .h-sm-350 { height: 350px !important; } .h-sm-400 { height: 400px !important; } .h-sm-450 { height: 450px !important; } .h-sm-500 { height: 500px !important; } } @media (min-width: 768px) and (max-width: 991px) { .h-md-50 { height: 50px !important; } .h-md-100 { height: 100px !important; } .h-md-120 { height: 120px !important; } .h-md-150 { height: 150px !important; } .h-md-200 { height: 200px !important; } .h-md-250 { height: 250px !important; } .h-md-300 { height: 300px !important; } .h-md-350 { height: 350px !important; } .h-md-400 { height: 400px !important; } .h-md-450 { height: 450px !important; } .h-md-500 { height: 500px !important; } } @media (min-width: 992px) and (max-width: 1199px) { .h-lg-50 { height: 50px !important; } .h-lg-100 { height: 100px !important; } .h-lg-120 { height: 120px !important; } .h-lg-150 { height: 150px !important; } .h-lg-200 { height: 200px !important; } .h-lg-250 { height: 250px !important; } .h-lg-300 { height: 300px !important; } .h-lg-350 { height: 350px !important; } .h-lg-400 { height: 400px !important; } .h-lg-450 { height: 450px !important; } .h-lg-500 { height: 500px !important; } } @media (min-width: 1200px) and (max-width: 1599px) { .h-xl-50 { height: 50px !important; } .h-xl-100 { height: 100px !important; } .h-xl-120 { height: 120px !important; } .h-xl-150 { height: 150px !important; } .h-xl-200 { height: 200px !important; } .h-xl-250 { height: 250px !important; } .h-xl-300 { height: 300px !important; } .h-xl-350 { height: 350px !important; } .h-xl-400 { height: 400px !important; } .h-xl-450 { height: 450px !important; } .h-xl-500 { height: 500px !important; } } .h-full { height: 100% !important; } .w-full { width: 100% !important; } .m-0, .m-a-0 { margin: 0 !important; } .m-t-0 { margin-top: 0 !important; } .m-r-0 { margin-right: 0 !important; } .m-b-0 { margin-bottom: 0 !important; } .m-l-0 { margin-left: 0 !important; } .m-x-0 { margin-right: 0 !important; margin-left: 0 !important; } .m-y-0 { margin-top: 0 !important; margin-bottom: 0 !important; } .m-3, .m-a-3 { margin: 3px !important; } .m-t-3 { margin-top: 3px !important; } .m-r-3 { margin-right: 3px !important; } .m-b-3 { margin-bottom: 3px !important; } .m-l-3 { margin-left: 3px !important; } .m-x-3 { margin-right: 3px !important; margin-left: 3px !important; } .m-y-3 { margin-top: 3px !important; margin-bottom: 3px !important; } .m-5, .m-a-5 { margin: 5px !important; } .m-t-5 { margin-top: 5px !important; } .m-r-5 { margin-right: 5px !important; } .m-b-5 { margin-bottom: 5px !important; } .m-l-5 { margin-left: 5px !important; } .m-x-5 { margin-right: 5px !important; margin-left: 5px !important; } .m-y-5 { margin-top: 5px !important; margin-bottom: 5px !important; } .m-10, .m-a-10 { margin: 10px !important; } .m-t-10 { margin-top: 10px !important; } .m-r-10 { margin-right: 10px !important; } .m-b-10 { margin-bottom: 10px !important; } .m-l-10 { margin-left: 10px !important; } .m-x-10 { margin-right: 10px !important; margin-left: 10px !important; } .m-y-10 { margin-top: 10px !important; margin-bottom: 10px !important; } .m-15, .m-a-15 { margin: 15px !important; } .m-t-15 { margin-top: 15px !important; } .m-r-15 { margin-right: 15px !important; } .m-b-15 { margin-bottom: 15px !important; } .m-l-15 { margin-left: 15px !important; } .m-x-15 { margin-right: 15px !important; margin-left: 15px !important; } .m-y-15 { margin-top: 15px !important; margin-bottom: 15px !important; } .m-20, .m-a-20 { margin: 20px !important; } .m-t-20 { margin-top: 20px !important; } .m-r-20 { margin-right: 20px !important; } .m-b-20 { margin-bottom: 20px !important; } .m-l-20 { margin-left: 20px !important; } .m-x-20 { margin-right: 20px !important; margin-left: 20px !important; } .m-y-20 { margin-top: 20px !important; margin-bottom: 20px !important; } .m-25, .m-a-25 { margin: 25px !important; } .m-t-25 { margin-top: 25px !important; } .m-r-25 { margin-right: 25px !important; } .m-b-25 { margin-bottom: 25px !important; } .m-l-25 { margin-left: 25px !important; } .m-x-25 { margin-right: 25px !important; margin-left: 25px !important; } .m-y-25 { margin-top: 25px !important; margin-bottom: 25px !important; } .m-30, .m-a-30 { margin: 30px !important; } .m-t-30 { margin-top: 30px !important; } .m-r-30 { margin-right: 30px !important; } .m-b-30 { margin-bottom: 30px !important; } .m-l-30 { margin-left: 30px !important; } .m-x-30 { margin-right: 30px !important; margin-left: 30px !important; } .m-y-30 { margin-top: 30px !important; margin-bottom: 30px !important; } .m-35, .m-a-35 { margin: 35px !important; } .m-t-35 { margin-top: 35px !important; } .m-r-35 { margin-right: 35px !important; } .m-b-35 { margin-bottom: 35px !important; } .m-l-35 { margin-left: 35px !important; } .m-x-35 { margin-right: 35px !important; margin-left: 35px !important; } .m-y-35 { margin-top: 35px !important; margin-bottom: 35px !important; } .m-40, .m-a-40 { margin: 40px !important; } .m-t-40 { margin-top: 40px !important; } .m-r-40 { margin-right: 40px !important; } .m-b-40 { margin-bottom: 40px !important; } .m-l-40 { margin-left: 40px !important; } .m-x-40 { margin-right: 40px !important; margin-left: 40px !important; } .m-y-40 { margin-top: 40px !important; margin-bottom: 40px !important; } .m-45, .m-a-45 { margin: 45px !important; } .m-t-45 { margin-top: 45px !important; } .m-r-45 { margin-right: 45px !important; } .m-b-45 { margin-bottom: 45px !important; } .m-l-45 { margin-left: 45px !important; } .m-x-45 { margin-right: 45px !important; margin-left: 45px !important; } .m-y-45 { margin-top: 45px !important; margin-bottom: 45px !important; } .m-50, .m-a-50 { margin: 50px !important; } .m-t-50 { margin-top: 50px !important; } .m-r-50 { margin-right: 50px !important; } .m-b-50 { margin-bottom: 50px !important; } .m-l-50 { margin-left: 50px !important; } .m-x-50 { margin-right: 50px !important; margin-left: 50px !important; } .m-y-50 { margin-top: 50px !important; margin-bottom: 50px !important; } .m-60, .m-a-60 { margin: 60px !important; } .m-t-60 { margin-top: 60px !important; } .m-r-60 { margin-right: 60px !important; } .m-b-60 { margin-bottom: 60px !important; } .m-l-60 { margin-left: 60px !important; } .m-x-60 { margin-right: 60px !important; margin-left: 60px !important; } .m-y-60 { margin-top: 60px !important; margin-bottom: 60px !important; } .m-70, .m-a-70 { margin: 70px !important; } .m-t-70 { margin-top: 70px !important; } .m-r-70 { margin-right: 70px !important; } .m-b-70 { margin-bottom: 70px !important; } .m-l-70 { margin-left: 70px !important; } .m-x-70 { margin-right: 70px !important; margin-left: 70px !important; } .m-y-70 { margin-top: 70px !important; margin-bottom: 70px !important; } .m-80, .m-a-80 { margin: 80px !important; } .m-t-80 { margin-top: 80px !important; } .m-r-80 { margin-right: 80px !important; } .m-b-80 { margin-bottom: 80px !important; } .m-l-80 { margin-left: 80px !important; } .m-x-80 { margin-right: 80px !important; margin-left: 80px !important; } .m-y-80 { margin-top: 80px !important; margin-bottom: 80px !important; } .p-0, .p-a-0 { padding: 0 !important; } .p-t-0 { padding-top: 0 !important; } .p-r-0 { padding-right: 0 !important; } .p-b-0 { padding-bottom: 0 !important; } .p-l-0 { padding-left: 0 !important; } .p-x-0 { padding-right: 0 !important; padding-left: 0 !important; } .p-y-0 { padding-top: 0 !important; padding-bottom: 0 !important; } .p-3, .p-a-3 { padding: 3px !important; } .p-t-3 { padding-top: 3px !important; } .p-r-3 { padding-right: 3px !important; } .p-b-3 { padding-bottom: 3px !important; } .p-l-3 { padding-left: 3px !important; } .p-x-3 { padding-right: 3px !important; padding-left: 3px !important; } .p-y-3 { padding-top: 3px !important; padding-bottom: 3px !important; } .p-5, .p-a-5 { padding: 5px !important; } .p-t-5 { padding-top: 5px !important; } .p-r-5 { padding-right: 5px !important; } .p-b-5 { padding-bottom: 5px !important; } .p-l-5 { padding-left: 5px !important; } .p-x-5 { padding-right: 5px !important; padding-left: 5px !important; } .p-y-5 { padding-top: 5px !important; padding-bottom: 5px !important; } .p-10, .p-a-10 { padding: 10px !important; } .p-t-10 { padding-top: 10px !important; } .p-r-10 { padding-right: 10px !important; } .p-b-10 { padding-bottom: 10px !important; } .p-l-10 { padding-left: 10px !important; } .p-x-10 { padding-right: 10px !important; padding-left: 10px !important; } .p-y-10 { padding-top: 10px !important; padding-bottom: 10px !important; } .p-15, .p-a-15 { padding: 15px !important; } .p-t-15 { padding-top: 15px !important; } .p-r-15 { padding-right: 15px !important; } .p-b-15 { padding-bottom: 15px !important; } .p-l-15 { padding-left: 15px !important; } .p-x-15 { padding-right: 15px !important; padding-left: 15px !important; } .p-y-15 { padding-top: 15px !important; padding-bottom: 15px !important; } .p-20, .p-a-20 { padding: 20px !important; } .p-t-20 { padding-top: 20px !important; } .p-r-20 { padding-right: 20px !important; } .p-b-20 { padding-bottom: 20px !important; } .p-l-20 { padding-left: 20px !important; } .p-x-20 { padding-right: 20px !important; padding-left: 20px !important; } .p-y-20 { padding-top: 20px !important; padding-bottom: 20px !important; } .p-25, .p-a-25 { padding: 25px !important; } .p-t-25 { padding-top: 25px !important; } .p-r-25 { padding-right: 25px !important; } .p-b-25 { padding-bottom: 25px !important; } .p-l-25 { padding-left: 25px !important; } .p-x-25 { padding-right: 25px !important; padding-left: 25px !important; } .p-y-25 { padding-top: 25px !important; padding-bottom: 25px !important; } .p-30, .p-a-30 { padding: 30px !important; } .p-t-30 { padding-top: 30px !important; } .p-r-30 { padding-right: 30px !important; } .p-b-30 { padding-bottom: 30px !important; } .p-l-30 { padding-left: 30px !important; } .p-x-30 { padding-right: 30px !important; padding-left: 30px !important; } .p-y-30 { padding-top: 30px !important; padding-bottom: 30px !important; } .p-35, .p-a-35 { padding: 35px !important; } .p-t-35 { padding-top: 35px !important; } .p-r-35 { padding-right: 35px !important; } .p-b-35 { padding-bottom: 35px !important; } .p-l-35 { padding-left: 35px !important; } .p-x-35 { padding-right: 35px !important; padding-left: 35px !important; } .p-y-35 { padding-top: 35px !important; padding-bottom: 35px !important; } .p-40, .p-a-40 { padding: 40px !important; } .p-t-40 { padding-top: 40px !important; } .p-r-40 { padding-right: 40px !important; } .p-b-40 { padding-bottom: 40px !important; } .p-l-40 { padding-left: 40px !important; } .p-x-40 { padding-right: 40px !important; padding-left: 40px !important; } .p-y-40 { padding-top: 40px !important; padding-bottom: 40px !important; } .p-45, .p-a-45 { padding: 45px !important; } .p-t-45 { padding-top: 45px !important; } .p-r-45 { padding-right: 45px !important; } .p-b-45 { padding-bottom: 45px !important; } .p-l-45 { padding-left: 45px !important; } .p-x-45 { padding-right: 45px !important; padding-left: 45px !important; } .p-y-45 { padding-top: 45px !important; padding-bottom: 45px !important; } .p-50, .p-a-50 { padding: 50px !important; } .p-t-50 { padding-top: 50px !important; } .p-r-50 { padding-right: 50px !important; } .p-b-50 { padding-bottom: 50px !important; } .p-l-50 { padding-left: 50px !important; } .p-x-50 { padding-right: 50px !important; padding-left: 50px !important; } .p-y-50 { padding-top: 50px !important; padding-bottom: 50px !important; } .p-60, .p-a-60 { padding: 60px !important; } .p-t-60 { padding-top: 60px !important; } .p-r-60 { padding-right: 60px !important; } .p-b-60 { padding-bottom: 60px !important; } .p-l-60 { padding-left: 60px !important; } .p-x-60 { padding-right: 60px !important; padding-left: 60px !important; } .p-y-60 { padding-top: 60px !important; padding-bottom: 60px !important; } .p-70, .p-a-70 { padding: 70px !important; } .p-t-70 { padding-top: 70px !important; } .p-r-70 { padding-right: 70px !important; } .p-b-70 { padding-bottom: 70px !important; } .p-l-70 { padding-left: 70px !important; } .p-x-70 { padding-right: 70px !important; padding-left: 70px !important; } .p-y-70 { padding-top: 70px !important; padding-bottom: 70px !important; } .p-80, .p-a-80 { padding: 80px !important; } .p-t-80 { padding-top: 80px !important; } .p-r-80 { padding-right: 80px !important; } .p-b-80 { padding-bottom: 80px !important; } .p-l-80 { padding-left: 80px !important; } .p-x-80 { padding-right: 80px !important; padding-left: 80px !important; } .p-y-80 { padding-top: 80px !important; padding-bottom: 80px !important; } .m-x-auto { margin-right: auto !important; margin-left: auto !important; } @media (max-width: 767px) { .m-xs-0 { margin: 0 !important; } } @media (min-width: 768px) { .m-sm-0 { margin: 0 !important; } } @media (min-width: 992px) { .m-md-0 { margin: 0 !important; } } @media (min-width: 1200px) { .m-lg-0 { margin: 0 !important; } } @media (min-width: 1600px) { .m-xl-0 { margin: 0 !important; } } @media (max-width: 767px) { .p-xs-0 { padding: 0 !important; } } @media (min-width: 768px) { .p-sm-0 { padding: 0 !important; } } @media (min-width: 992px) { .p-md-0 { padding: 0 !important; } } @media (min-width: 1200px) { .p-lg-0 { padding: 0 !important; } } @media (min-width: 1600px) { .p-xl-0 { padding: 0 !important; } } .page { position: relative; min-height: -webkit-calc(100% - 44px); min-height: calc(100% - 44px); background: #f1f4f5; } .page-content { padding: 30px 30px; } @media (max-width: 479px) { .page-content { padding: 10px; } } @media (max-width: 991px) { .page { min-height: -webkit-calc(100% - 66px); min-height: calc(100% - 66px); } } .page-header + .page-content { padding-top: 0; } .page-title { margin-top: 0; margin-bottom: 0; font-size: 26px; } .page-title > .icon { margin-right: 0.3em; } .page-header { position: relative; padding: 30px 30px; margin-top: 0; margin-bottom: 0; background: 0 0; border-bottom: 0; } .page-header .breadcrumb { padding: 0; margin: 0; } .site-menubar { position: fixed; top: 66.01px; z-index: 1400; height: 100%; height: -webkit-calc(100% - 66.01px); height: calc(100% - 66.01px); font-family: Roboto, sans-serif; color: rgba(163, 175, 183, 0.9); background: #263238; -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08); } .site-menubar-body { height: 100%; height: -webkit-calc(100% - 76px); height: calc(100% - 76px); } .site-menubar ul { padding: 0; margin: 0; list-style: none; } .site-menubar a { outline: 0; } .site-menubar a:focus, .site-menubar a:hover { text-decoration: none; } .site-menu { padding-bottom: 20px; overflow-y: hidden; font-size: 14px; } .site-menu-item > a { white-space: nowrap; cursor: pointer; } .site-menu-icon { display: inline-block; vertical-align: middle; width: 1em; text-align: center; } .site-menu-title { display: inline-block; max-width: 160px; vertical-align: middle; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .site-menu .tag { padding: 2px 5px 3px; font-size: 0.858rem; font-weight: 400; } .site-menu-item { position: relative; white-space: nowrap; } .site-menu-item a { display: block; color: rgba(163, 175, 183, 0.9); } .site-menu > .site-menu-item { padding: 0; } .site-menu > .site-menu-item.hover > a, .site-menu > .site-menu-item:hover > a { color: rgba(255, 255, 255, 0.8); background-color: rgba(255, 255, 255, 0.02); } .site-menu > .site-menu-item.active { background: #242f35; border-top: 1px solid rgba(0, 0, 0, 0.04); border-bottom: 1px solid rgba(0, 0, 0, 0.04); } .site-menu > .site-menu-item.active > a { color: #fff; background: 0 0; } .site-menu > .site-menu-item.active.hover > a { background: 0 0; } .site-menubar-fold .page { margin-left: 90px; } .site-menubar-fold .site-menu { overflow: visible; } .site-menubar-fold .site-menu > .site-menu-item { font-size: 14px; } .site-menubar-fold .site-menu > .site-menu-item > a { line-height: 60px; height: 60px; } .site-menubar-fold .site-menu > .site-menu-item > a .site-menu-icon, .site-menubar-fold .site-menu > .site-menu-item > a .site-menu-title { -webkit-transition: visibility 0.25s, opacity 0.25s; -o-transition: visibility 0.25s, opacity 0.25s; transition: visibility 0.25s, opacity 0.25s; position: absolute; top: 0; left: 0; width: 90px; text-align: center; opacity: 0; visibility: hidden; } .site-menubar-fold .site-menu > .site-menu-item > a .site-menu-icon { visibility: visible; opacity: 1; font-size: 24px; margin-right: 0; } .site-menubar-fold .site-menu > .site-menu-item.active { border-top: none; border-bottom: none; } .site-menubar-fold .site-menu > .site-menu-item.active > a .site-menu-icon, .site-menubar-fold .site-menu > .site-menu-item.hover > a .site-menu-icon { visibility: hidden; opacity: 0; } .site-menubar-fold .site-menu > .site-menu-item.active > a .site-menu-title, .site-menubar-fold .site-menu > .site-menu-item.hover > a .site-menu-title { opacity: 1; visibility: visible; } .site-menubar-fold .site-menubar { width: 90px; } @media (max-width: 767px) { .site-menubar { top: 66.01px; height: -webkit-calc(100% - 66.01px); height: calc(100% - 66.01px); -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-perspective: 1000; perspective: 1000; -ms-transform: translate(-260px, 0); -webkit-transform: translate3d(-260px, 0, 0); transform: translate3d(-260px, 0, 0); } } .checkbox-custom, .radio-custom { position: relative; display: block; margin-top: 10px; margin-bottom: 10px; } .checkbox-custom label, .radio-custom label { min-height: 22px; margin-bottom: 0; font-weight: 400; cursor: pointer; } .checkbox-custom input[type="checkbox"], .radio-custom input[type="radio"] { position: absolute; margin-left: -20px; margin-top: 0; margin-bottom: 0; } .checkbox-custom.disabled label, .radio-custom.disabled label { cursor: not-allowed; } .input-group-addon .checkbox-custom, .input-group-addon .radio-custom { margin: 0; } .checkbox-custom { padding-left: 20px; } .checkbox-custom label { display: inline-block; vertical-align: middle; position: relative; padding-left: 10px; } .checkbox-custom label:empty { padding-left: 0; } .checkbox-custom label::before { content: ""; display: inline-block; position: absolute; width: 20px; height: 20px; left: 0; margin-left: -20px; border: 1px solid #e4eaec; border-radius: 0.215rem; background-color: #fff; -webkit-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; } .checkbox-custom label::after { display: inline-block; position: absolute; width: 20px; height: 20px; line-height: 20px; left: 0; top: 0; margin-left: -20px; text-align: center; padding-top: 1px; font-size: 12px; color: #76838f; } .checkbox-custom input[type="radio"], .checkbox-custom input[type="checkbox"] { opacity: 0; z-index: 1; width: 20px; height: 20px; } .checkbox-custom input[type="radio"]:focus + label::before, .checkbox-custom input[type="checkbox"]:focus + label::before { outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } .checkbox-custom input[type="radio"]:checked + label::before, .checkbox-custom input[type="checkbox"]:checked + label::before { border-color: #e4eaec; border-width: 10px; -webkit-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; } .checkbox-custom input[type="radio"]:checked + label::after, .checkbox-custom input[type="checkbox"]:checked + label::after { font-family: "Web Icons"; content: ""; } .checkbox-custom input[type="radio"]:disabled + label, .checkbox-custom input[type="checkbox"]:disabled + label { opacity: 0.65; } .checkbox-custom input[type="radio"]:disabled + label::before, .checkbox-custom input[type="checkbox"]:disabled + label::before { background-color: #f3f7f9; border-color: #e4eaec; border-width: 1px; cursor: not-allowed; } .checkbox-custom.checkbox-circle label::before { border-radius: 50%; } .checkbox-custom.checkbox-inline { margin-top: 0; display: inline-block; margin-bottom: 0; } .checkbox-inline + .checkbox-inline { margin-left: 20px; } .checkbox-default input[type="radio"]:checked + label::before, .checkbox-default input[type="checkbox"]:checked + label::before { background-color: #fff; border-color: #e4eaec; border-width: 1px; } .checkbox-default input[type="radio"]:checked + label::after, .checkbox-default input[type="checkbox"]:checked + label::after { color: #62a8ea; } .checkbox-primary input[type="radio"]:checked + label::before, .checkbox-primary input[type="checkbox"]:checked + label::before { background-color: #62a8ea; border-color: #62a8ea; } .checkbox-primary input[type="radio"]:checked + label::after, .checkbox-primary input[type="checkbox"]:checked + label::after { color: #fff; } .checkbox-danger input[type="radio"]:checked + label::before, .checkbox-danger input[type="checkbox"]:checked + label::before { background-color: #f96868; border-color: #f96868; } .checkbox-danger input[type="radio"]:checked + label::after, .checkbox-danger input[type="checkbox"]:checked + label::after { color: #fff; } .checkbox-info input[type="radio"]:checked + label::before, .checkbox-info input[type="checkbox"]:checked + label::before { background-color: #57c7d4; border-color: #57c7d4; } .checkbox-info input[type="radio"]:checked + label::after, .checkbox-info input[type="checkbox"]:checked + label::after { color: #fff; } .checkbox-warning input[type="radio"]:checked + label::before, .checkbox-warning input[type="checkbox"]:checked + label::before { background-color: #f2a654; border-color: #f2a654; } .checkbox-warning input[type="radio"]:checked + label::after, .checkbox-warning input[type="checkbox"]:checked + label::after { color: #fff; } .checkbox-success input[type="radio"]:checked + label::before, .checkbox-success input[type="checkbox"]:checked + label::before { background-color: #46be8a; border-color: #46be8a; } .checkbox-success input[type="radio"]:checked + label::after, .checkbox-success input[type="checkbox"]:checked + label::after { color: #fff; } .checkbox-sm { padding-left: 18px; } .checkbox-sm label { padding-left: 8px; } .checkbox-sm label:empty { padding-left: 0; } .checkbox-sm label::after, .checkbox-sm label::before { width: 18px; height: 18px; margin-left: -18px; } .checkbox-sm label::after { font-size: 10px; line-height: 18px; } .checkbox-sm input[type="radio"], .checkbox-sm input[type="checkbox"] { width: 18px; height: 18px; } .checkbox-sm input[type="radio"]:checked + label::before, .checkbox-sm input[type="checkbox"]:checked + label::before { border-width: 9px; } .checkbox-lg { padding-left: 24px; } .checkbox-lg label { padding-left: 12px; } .checkbox-lg label:empty { padding-left: 0; } .checkbox-lg label::after, .checkbox-lg label::before { width: 24px; height: 24px; margin-left: -24px; } .checkbox-lg label::after { font-size: 14px; line-height: 24px; } .checkbox-lg input[type="radio"], .checkbox-lg input[type="checkbox"] { width: 24px; height: 24px; } .checkbox-lg input[type="radio"]:checked + label::before, .checkbox-lg input[type="checkbox"]:checked + label::before { border-width: 12px; } .radio-custom { padding-left: 20px; } .radio-custom label { display: inline-block; vertical-align: middle; position: relative; padding-left: 10px; } .radio-custom label:empty { padding-left: 0; } .radio-custom label::before { content: ""; display: inline-block; position: absolute; width: 20px; height: 20px; left: 0; margin-left: -20px; border: 1px solid #e4eaec; border-radius: 50%; background-color: #fff; -webkit-transition: border 0.3s ease-in-out 0s, color 0.3s ease-in-out 0s; -o-transition: border 0.3s ease-in-out 0s, color 0.3s ease-in-out 0s; transition: border 0.3s ease-in-out 0s, color 0.3s ease-in-out 0s; } .radio-custom label::after { display: inline-block; position: absolute; content: " "; width: 6px; height: 6px; left: 7px; top: 7px; margin-left: -20px; border: 2px solid #76838f; border-radius: 50%; background-color: transparent; -webkit-transform: scale(0, 0); -ms-transform: scale(0, 0); -o-transform: scale(0, 0); transform: scale(0, 0); -webkit-transition: 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33); -o-transition: 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33); transition: 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33); } .radio-custom input[type="radio"] { width: 20px; height: 20px; opacity: 0; z-index: 1; } .radio-custom input[type="radio"]:focus + label::before { outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } .radio-custom input[type="radio"]:checked + label::before { border-color: #e4eaec; border-width: 10px; } .radio-custom input[type="radio"]:checked + label::after { -webkit-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1); } .radio-custom input[type="radio"]:disabled + label { opacity: 0.65; } .radio-custom input[type="radio"]:disabled + label::before { cursor: not-allowed; } .radio-custom.radio-inline { margin-top: 0; display: inline-block; margin-bottom: 0; } .radio-inline + .radio-inline { margin-left: 20px; } .radio-default input[type="radio"]:checked + label::before { background-color: #fff; border-color: #e4eaec; border-width: 1px; } .radio-default input[type="radio"]:checked + label::after { border-color: #62a8ea; } .radio-primary input[type="radio"]:checked + label::before { border-color: #62a8ea; } .radio-primary input[type="radio"]:checked + label::after { border-color: #fff; } .radio-danger input[type="radio"]:checked + label::before { border-color: #f96868; } .radio-danger input[type="radio"]:checked + label::after { border-color: #fff; } .radio-info input[type="radio"]:checked + label::before { border-color: #57c7d4; } .radio-info input[type="radio"]:checked + label::after { border-color: #fff; } .radio-warning input[type="radio"]:checked + label::before { border-color: #f2a654; } .radio-warning input[type="radio"]:checked + label::after { border-color: #fff; } .radio-success input[type="radio"]:checked + label::before { border-color: #46be8a; } .radio-success input[type="radio"]:checked + label::after { border-color: #fff; } .radio-sm { padding-left: 18px; } .radio-sm label { padding-left: 8px; } .radio-sm label:empty { padding-left: 0; } .radio-sm label::before { width: 18px; height: 18px; margin-left: -20px; } .radio-sm label::after { width: 4px; height: 4px; left: 7px; top: 7px; margin-left: -20px; border-width: 2px; } .radio-sm input[type="radio"] { width: 18px; height: 18px; } .radio-sm input[type="radio"]:checked + label::before { border-width: 9px; } .radio-lg { padding-left: 24px; } .radio-lg label { padding-left: 12px; } .radio-lg label:empty { padding-left: 0; } .radio-lg label::before { width: 24px; height: 24px; margin-left: -20px; } .radio-lg label::after { width: 8px; height: 8px; left: 8px; top: 8px; margin-left: -20px; border-width: 2px; } .radio-lg input[type="radio"] { width: 24px; height: 24px; } .radio-lg input[type="radio"]:checked + label::before { border-width: 12px; } @media (min-width: 768px) { .form-inline .checkbox-custom, .form-inline .radio-custom { display: inline-block; margin-top: 0; margin-bottom: 0; vertical-align: middle; } .form-inline .checkbox-custom label, .form-inline .radio-custom label { padding-left: 0; } .form-inline .checkbox-custom input[type="checkbox"], .form-inline .radio-custom input[type="radio"] { position: relative; margin-left: 0; } .form-inline .radio-custom label { padding-left: 10px; } .form-inline .checkbox-custom label { padding-left: 10px; } .form-inline .checkbox-custom input[type="checkbox"] { position: absolute; margin-left: -20px; } .form-inline .radio-custom input[type="radio"] { position: absolute; margin-left: -20px; } } .form-horizontal .checkbox-custom, .form-horizontal .radio-custom { margin-top: 0; margin-bottom: 0; padding-top: 0.501rem; } .form-horizontal .checkbox-custom, .form-horizontal .radio-custom { min-height: 2.073rem; } .loader { position: relative; display: inline-block; margin: 0 auto; font-size: 40px; text-indent: -9999em; -webkit-transform: translateZ(0); transform: translateZ(0); } .loader-default { width: 1em; height: 1em; background-color: #a3afb7; border-radius: 100%; -webkit-animation: loader-default 1s infinite ease-in-out; -o-animation: loader-default 1s infinite ease-in-out; animation: loader-default 1s infinite ease-in-out; } .loader-grill { width: 0.25em; height: 0.5em; background: #a3afb7; -webkit-animation: default-grill 1s infinite ease-in-out -0.16s; -o-animation: default-grill 1s infinite ease-in-out -0.16s; animation: default-grill 1s infinite ease-in-out -0.16s; } .loader-grill:after, .loader-grill:before { position: absolute; top: 0; width: 100%; height: 100%; content: ""; background: #a3afb7; -webkit-animation: default-grill 1s infinite ease-in-out; -o-animation: default-grill 1s infinite ease-in-out; animation: default-grill 1s infinite ease-in-out; } .loader-grill:before { left: -0.375em; -webkit-animation-delay: -0.32s; -o-animation-delay: -0.32s; animation-delay: -0.32s; } .loader-grill:after { left: 0.375em; } .loader-circle { width: 1em; height: 1em; border-top: 0.125em solid rgba(163, 175, 183, 0.5); border-right: 0.125em solid rgba(163, 175, 183, 0.5); border-bottom: 0.125em solid rgba(163, 175, 183, 0.5); border-left: 0.125em solid #a3afb7; border-radius: 50%; -webkit-animation: loader-circle 1.1s infinite linear; -o-animation: loader-circle 1.1s infinite linear; animation: loader-circle 1.1s infinite linear; } .loader-round-circle { width: 1em; height: 1em; font-size: 10px; border-radius: 50%; -webkit-animation: loader-round-circle 1.3s infinite linear; -o-animation: loader-round-circle 1.3s infinite linear; animation: loader-round-circle 1.3s infinite linear; } .loader-tadpole { width: 1em; height: 1em; border-radius: 50%; -webkit-animation: loader-tadpole 1.7s infinite ease; -o-animation: loader-tadpole 1.7s infinite ease; animation: loader-tadpole 1.7s infinite ease; } .loader-ellipsis { top: -0.625em; width: 0.625em; height: 0.625em; border-radius: 50%; -webkit-animation: loader-ellipsis 1.8s infinite ease-in-out both -0.16s; -o-animation: loader-ellipsis 1.8s infinite ease-in-out both -0.16s; animation: loader-ellipsis 1.8s infinite ease-in-out both -0.16s; } .loader-ellipsis:after, .loader-ellipsis:before { position: absolute; top: 0; width: 100%; height: 100%; content: ""; border-radius: 50%; -webkit-animation: loader-ellipsis 1.8s infinite ease-in-out both; -o-animation: loader-ellipsis 1.8s infinite ease-in-out both; animation: loader-ellipsis 1.8s infinite ease-in-out both; } .loader-ellipsis:before { left: -0.875em; -webkit-animation-delay: -0.32s; -o-animation-delay: -0.32s; animation-delay: -0.32s; } .loader-ellipsis:after { left: 0.875em; } .loader-dot { width: 2em; height: 2em; -webkit-animation: loader-dot-rotate 2s infinite linear; -o-animation: loader-dot-rotate 2s infinite linear; animation: loader-dot-rotate 2s infinite linear; } .loader-dot:after, .loader-dot:before { position: absolute; top: 0; left: 0; width: 60%; height: 60%; content: ""; background: #a3afb7; border-radius: 100%; -webkit-animation: loader-dot-bounce 2s infinite ease-in-out; -o-animation: loader-dot-bounce 2s infinite ease-in-out; animation: loader-dot-bounce 2s infinite ease-in-out; } .loader-dot:after { top: auto; bottom: 0; -webkit-animation-delay: -1s; -o-animation-delay: -1s; animation-delay: -1s; } .loader-bounce { width: 1.5em; height: 1.5em; } .loader-bounce:after, .loader-bounce:before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; content: ""; background: #a3afb7; border-radius: 50%; opacity: 0.6; -webkit-animation: loader-bounce 2s infinite ease-in-out; -o-animation: loader-bounce 2s infinite ease-in-out; animation: loader-bounce 2s infinite ease-in-out; } .loader-bounce:after { -webkit-animation-delay: -1s; -o-animation-delay: -1s; animation-delay: -1s; } .loader-cube { width: 2em; height: 2em; } .loader-cube:after, .loader-cube:before { position: absolute; top: 0; left: 0; width: 25%; height: 25%; content: ""; background: #a3afb7; -webkit-animation: loader-cube 2s infinite ease-in-out; -o-animation: loader-cube 2s infinite ease-in-out; animation: loader-cube 2s infinite ease-in-out; } .loader-cube:after { -webkit-animation-delay: -1s; -o-animation-delay: -1s; animation-delay: -1s; } .loader-rotate-plane { width: 1em; height: 1em; background: #a3afb7; -webkit-animation: loader-rotate-plane 1.2s infinite ease-in-out; -o-animation: loader-rotate-plane 1.2s infinite ease-in-out; animation: loader-rotate-plane 1.2s infinite ease-in-out; } .loader-folding-cube { width: 0.8em; height: 0.8em; -webkit-transform: rotate(45deg) translateZ(0); transform: rotate(45deg) translateZ(0); } .loader-folding-cube:after, .loader-folding-cube:before { position: absolute; width: 0; height: 0; content: ""; background: #a3afb7; } .loader-folding-cube:before { left: 0; bottom: 50%; -webkit-animation-delay: -0.6s; -o-animation-delay: -0.6s; animation-delay: -0.6s; -webkit-animation: loader-folding-cube-before 2.4s infinite ease-in-out; -o-animation: loader-folding-cube-before 2.4s infinite ease-in-out; animation: loader-folding-cube-before 2.4s infinite ease-in-out; } .loader-folding-cube:after { top: 50%; right: 0; -webkit-animation: loader-folding-cube-after 2.4s infinite ease-in-out; -o-animation: loader-folding-cube-after 2.4s infinite ease-in-out; animation: loader-folding-cube-after 2.4s infinite ease-in-out; } .loader-cube-grid { top: -0.6em; width: 0.3em; height: 0.3em; -webkit-animation: loader-cube-grid 1.2s infinite ease-in-out; -o-animation: loader-cube-grid 1.2s infinite ease-in-out; animation: loader-cube-grid 1.2s infinite ease-in-out; } .loader-cube-grid:after, .loader-cube-grid:before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; content: ""; } .loader-cube-grid:before { -webkit-animation: loader-cube-grid-before 1.2s infinite ease-in-out; -o-animation: loader-cube-grid-before 1.2s infinite ease-in-out; animation: loader-cube-grid-before 1.2s infinite ease-in-out; } .loader-cube-grid:after { -webkit-animation: loader-cube-grid-after 1.2s infinite ease-in-out; -o-animation: loader-cube-grid-after 1.2s infinite ease-in-out; animation: loader-cube-grid-after 1.2s infinite ease-in-out; } .side-panel-loading, body > .loader { position: fixed; top: 50%; left: 50%; margin-top: -20px; } .site-menubar-fold > .loader { margin-left: 45px; } .loader-overlay { position: fixed; width: 100%; height: 100%; top: 0; left: 0; background: #62a8ea; z-index: 999999; } .loader-content { margin: 50vh auto 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); text-align: center; text-transform: uppercase; } .loader-content h2 { color: #fff; font-weight: 500; } .loader-index { margin-top: 20px; } .loader-index > div { width: 4px; height: 25px; border-radius: 2px; margin: 2px; background: #fff; -webkit-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; display: inline-block; -webkit-animation: loader-index 0.9s -0.8s infinite cubic-bezier(0.85, 0.25, 0.37, 0.85); -o-animation: loader-index 0.9s -0.8s infinite cubic-bezier(0.85, 0.25, 0.37, 0.85); animation: loader-index 0.9s -0.8s infinite cubic-bezier(0.85, 0.25, 0.37, 0.85); } .loader-index > div:nth-child(2), .loader-index > div:nth-child(4) { -webkit-animation-delay: -0.6s !important; -o-animation-delay: -0.6s !important; animation-delay: -0.6s !important; } .loader-index > div:nth-child(1), .loader-index > div:nth-child(5) { -webkit-animation-delay: -0.4s !important; -o-animation-delay: -0.4s !important; animation-delay: -0.4s !important; } .loader-index > div:nth-child(6) { -webkit-animation-delay: -0.2s !important; -o-animation-delay: -0.2s !important; animation-delay: -0.2s !important; } @-webkit-keyframes loader-index { 0% { -webkit-transform: scaley(1); transform: scaley(1); } 50% { -webkit-transform: scaley(0.4); transform: scaley(0.4); } 100% { -webkit-transform: scaley(1); transform: scaley(1); } } @-o-keyframes loader-index { 0% { -o-transform: scaley(1); transform: scaley(1); } 50% { -o-transform: scaley(0.4); transform: scaley(0.4); } 100% { -o-transform: scaley(1); transform: scaley(1); } } @keyframes loader-index { 0% { -webkit-transform: scaley(1); -o-transform: scaley(1); transform: scaley(1); } 50% { -webkit-transform: scaley(0.4); -o-transform: scaley(0.4); transform: scaley(0.4); } 100% { -webkit-transform: scaley(1); -o-transform: scaley(1); transform: scaley(1); } } @-webkit-keyframes loader-default { 0% { -webkit-transform: scale(0); transform: scale(0); } 100% { opacity: 0; -webkit-transform: scale(1); transform: scale(1); } } @-o-keyframes loader-default { 0% { -webkit-transform: scale(0); -o-transform: scale(0); transform: scale(0); } 100% { opacity: 0; -webkit-transform: scale(1); -o-transform: scale(1); transform: scale(1); } } @keyframes loader-default { 0% { -webkit-transform: scale(0); -o-transform: scale(0); transform: scale(0); } 100% { opacity: 0; -webkit-transform: scale(1); -o-transform: scale(1); transform: scale(1); } } @-webkit-keyframes default-grill { 0%, 100%, 80% { height: 1em; -webkit-box-shadow: 0 0 #a3afb7; box-shadow: 0 0 #a3afb7; } 40% { height: 1.2em; -webkit-box-shadow: 0 -0.25em #a3afb7; box-shadow: 0 -0.25em #a3afb7; } } @-o-keyframes default-grill { 0%, 100%, 80% { height: 1em; box-shadow: 0 0 #a3afb7; } 40% { height: 1.2em; box-shadow: 0 -0.25em #a3afb7; } } @keyframes default-grill { 0%, 100%, 80% { height: 1em; -webkit-box-shadow: 0 0 #a3afb7; box-shadow: 0 0 #a3afb7; } 40% { height: 1.2em; -webkit-box-shadow: 0 -0.25em #a3afb7; box-shadow: 0 -0.25em #a3afb7; } } @-webkit-keyframes loader-circle { 0% { -webkit-transform: rotate(0); transform: rotate(0); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @-o-keyframes loader-circle { 0% { -webkit-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0); } 100% { -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes loader-circle { 0% { -webkit-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0); } 100% { -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); } } @-webkit-keyframes loader-round-circle { 0%, 100% { -webkit-box-shadow: 0 -3em 0 0.2em #a3afb7, 2em -2em 0 0 #a3afb7, 3em 0 0 -0.5em #a3afb7, 2em 2em 0 -0.5em #a3afb7, 0 3em 0 -0.5em #a3afb7, -2em 2em 0 -0.5em #a3afb7, -3em 0 0 -0.5em #a3afb7, -2em -2em 0 0 #a3afb7; box-shadow: 0 -3em 0 0.2em #a3afb7, 2em -2em 0 0 #a3afb7, 3em 0 0 -0.5em #a3afb7, 2em 2em 0 -0.5em #a3afb7, 0 3em 0 -0.5em #a3afb7, -2em 2em 0 -0.5em #a3afb7, -3em 0 0 -0.5em #a3afb7, -2em -2em 0 0 #a3afb7; } 12.5% { -webkit-box-shadow: 0 -3em 0 0 #a3afb7, 2em -2em 0 0.2em #a3afb7, 3em 0 0 0 #a3afb7, 2em 2em 0 -0.5em #a3afb7, 0 3em 0 -0.5em #a3afb7, -2em 2em 0 -0.5em #a3afb7, -3em 0 0 -0.5em #a3afb7, -2em -2em 0 -0.5em #a3afb7; box-shadow: 0 -3em 0 0 #a3afb7, 2em -2em 0 0.2em #a3afb7, 3em 0 0 0 #a3afb7, 2em 2em 0 -0.5em #a3afb7, 0 3em 0 -0.5em #a3afb7, -2em 2em 0 -0.5em #a3afb7, -3em 0 0 -0.5em #a3afb7, -2em -2em 0 -0.5em #a3afb7; } 25% { -webkit-box-shadow: 0 -3em 0 -0.5em #a3afb7, 2em -2em 0 0 #a3afb7, 3em 0 0 0.2em #a3afb7, 2em 2em 0 0 #a3afb7, 0 3em 0 -0.5em #a3afb7, -2em 2em 0 -0.5em #a3afb7, -3em 0 0 -0.5em #a3afb7, -2em -2em 0 -0.5em #a3afb7; box-shadow: 0 -3em 0 -0.5em #a3afb7, 2em -2em 0 0 #a3afb7, 3em 0 0 0.2em #a3afb7, 2em 2em 0 0 #a3afb7, 0 3em 0 -0.5em #a3afb7, -2em 2em 0 -0.5em #a3afb7, -3em 0 0 -0.5em #a3afb7, -2em -2em 0 -0.5em #a3afb7; } 37.5% { -webkit-box-shadow: 0 -3em 0 -0.5em #a3afb7, 2em -2em 0 -0.5em #a3afb7, 3em 0 0 0 #a3afb7, 2em 2em 0 0.2em #a3afb7, 0 3em 0 0 #a3afb7, -2em 2em 0 -0.5em #a3afb7, -3em 0 0 -0.5em #a3afb7, -2em -2em 0 -0.5em #a3afb7; box-shadow: 0 -3em 0 -0.5em #a3afb7, 2em -2em 0 -0.5em #a3afb7, 3em 0 0 0 #a3afb7, 2em 2em 0 0.2em #a3afb7, 0 3em 0 0 #a3afb7, -2em 2em 0 -0.5em #a3afb7, -3em 0 0 -0.5em #a3afb7, -2em -2em 0 -0.5em #a3afb7; } 50% { -webkit-box-shadow: 0 -3em 0 -0.5em #a3afb7, 2em -2em 0 -0.5em #a3afb7, 3em 0 0 -0.5em #a3afb7, 2em 2em 0 0 #a3afb7, 0 3em 0 0.2em #a3afb7, -2em 2em 0 0 #a3afb7, -3em 0 0 -0.5em #a3afb7, -2em -2em 0 -0.5em #a3afb7; box-shadow: 0 -3em 0 -0.5em #a3afb7, 2em -2em 0 -0.5em #a3afb7, 3em 0 0 -0.5em #a3afb7, 2em 2em 0 0 #a3afb7, 0 3em 0 0.2em #a3afb7, -2em 2em 0 0 #a3afb7, -3em 0 0 -0.5em #a3afb7, -2em -2em 0 -0.5em #a3afb7; } 62.5% { -webkit-box-shadow: 0 -3em 0 -0.5em #a3afb7, 2em -2em 0 -0.5em #a3afb7, 3em 0 0 -0.5em #a3afb7, 2em 2em 0 -0.5em #a3afb7, 0 3em 0 0 #a3afb7, -2em 2em 0 0.2em #a3afb7, -3em 0 0 0 #a3afb7, -2em -2em 0 -0.5em #a3afb7; box-shadow: 0 -3em 0 -0.5em #a3afb7, 2em -2em 0 -0.5em #a3afb7, 3em 0 0 -0.5em #a3afb7, 2em 2em 0 -0.5em #a3afb7, 0 3em 0 0 #a3afb7, -2em 2em 0 0.2em #a3afb7, -3em 0 0 0 #a3afb7, -2em -2em 0 -0.5em #a3afb7; } 75% { -webkit-box-shadow: 0 -3em 0 -0.5em #a3afb7, 2em -2em 0 -0.5em #a3afb7, 3em 0 0 -0.5em #a3afb7, 2em 2em 0 -0.5em #a3afb7, 0 3em 0 -0.5em #a3afb7, -2em 2em 0 0 #a3afb7, -3em 0 0 0.2em #a3afb7, -2em -2em 0 0 #a3afb7; box-shadow: 0 -3em 0 -0.5em #a3afb7, 2em -2em 0 -0.5em #a3afb7, 3em 0 0 -0.5em #a3afb7, 2em 2em 0 -0.5em #a3afb7, 0 3em 0 -0.5em #a3afb7, -2em 2em 0 0 #a3afb7, -3em 0 0 0.2em #a3afb7, -2em -2em 0 0 #a3afb7; } 87.5% { -webkit-box-shadow: 0 -3em 0 0 #a3afb7, 2em -2em 0 -0.5em #a3afb7, 3em 0 0 -0.5em #a3afb7, 2em 2em 0 -0.5em #a3afb7, 0 3em 0 -0.5em #a3afb7, -2em 2em 0 0 #a3afb7, -3em 0 0 0 #a3afb7, -2em -2em 0 0.2em #a3afb7; box-shadow: 0 -3em 0 0 #a3afb7, 2em -2em 0 -0.5em #a3afb7, 3em 0 0 -0.5em #a3afb7, 2em 2em 0 -0.5em #a3afb7, 0 3em 0 -0.5em #a3afb7, -2em 2em 0 0 #a3afb7, -3em 0 0 0 #a3afb7, -2em -2em 0 0.2em #a3afb7; } } @-o-keyframes loader-round-circle { 0%, 100% { box-shadow: 0 -3em 0 0.2em #a3afb7, 2em -2em 0 0 #a3afb7, 3em 0 0 -0.5em #a3afb7, 2em 2em 0 -0.5em #a3afb7, 0 3em 0 -0.5em #a3afb7, -2em 2em 0 -0.5em #a3afb7, -3em 0 0 -0.5em #a3afb7, -2em -2em 0 0 #a3afb7; } 12.5% { box-shadow: 0 -3em 0 0 #a3afb7, 2em -2em 0 0.2em #a3afb7, 3em 0 0 0 #a3afb7, 2em 2em 0 -0.5em #a3afb7, 0 3em 0 -0.5em #a3afb7, -2em 2em 0 -0.5em #a3afb7, -3em 0 0 -0.5em #a3afb7, -2em -2em 0 -0.5em #a3afb7; } 25% { box-shadow: 0 -3em 0 -0.5em #a3afb7, 2em -2em 0 0 #a3afb7, 3em 0 0 0.2em #a3afb7, 2em 2em 0 0 #a3afb7, 0 3em 0 -0.5em #a3afb7, -2em 2em 0 -0.5em #a3afb7, -3em 0 0 -0.5em #a3afb7, -2em -2em 0 -0.5em #a3afb7; } 37.5% { box-shadow: 0 -3em 0 -0.5em #a3afb7, 2em -2em 0 -0.5em #a3afb7, 3em 0 0 0 #a3afb7, 2em 2em 0 0.2em #a3afb7, 0 3em 0 0 #a3afb7, -2em 2em 0 -0.5em #a3afb7, -3em 0 0 -0.5em #a3afb7, -2em -2em 0 -0.5em #a3afb7; } 50% { box-shadow: 0 -3em 0 -0.5em #a3afb7, 2em -2em 0 -0.5em #a3afb7, 3em 0 0 -0.5em #a3afb7, 2em 2em 0 0 #a3afb7, 0 3em 0 0.2em #a3afb7, -2em 2em 0 0 #a3afb7, -3em 0 0 -0.5em #a3afb7, -2em -2em 0 -0.5em #a3afb7; } 62.5% { box-shadow: 0 -3em 0 -0.5em #a3afb7, 2em -2em 0 -0.5em #a3afb7, 3em 0 0 -0.5em #a3afb7, 2em 2em 0 -0.5em #a3afb7, 0 3em 0 0 #a3afb7, -2em 2em 0 0.2em #a3afb7, -3em 0 0 0 #a3afb7, -2em -2em 0 -0.5em #a3afb7; } 75% { box-shadow: 0 -3em 0 -0.5em #a3afb7, 2em -2em 0 -0.5em #a3afb7, 3em 0 0 -0.5em #a3afb7, 2em 2em 0 -0.5em #a3afb7, 0 3em 0 -0.5em #a3afb7, -2em 2em 0 0 #a3afb7, -3em 0 0 0.2em #a3afb7, -2em -2em 0 0 #a3afb7; } 87.5% { box-shadow: 0 -3em 0 0 #a3afb7, 2em -2em 0 -0.5em #a3afb7, 3em 0 0 -0.5em #a3afb7, 2em 2em 0 -0.5em #a3afb7, 0 3em 0 -0.5em #a3afb7, -2em 2em 0 0 #a3afb7, -3em 0 0 0 #a3afb7, -2em -2em 0 0.2em #a3afb7; } } @keyframes loader-round-circle { 0%, 100% { -webkit-box-shadow: 0 -3em 0 0.2em #a3afb7, 2em -2em 0 0 #a3afb7, 3em 0 0 -0.5em #a3afb7, 2em 2em 0 -0.5em #a3afb7, 0 3em 0 -0.5em #a3afb7, -2em 2em 0 -0.5em #a3afb7, -3em 0 0 -0.5em #a3afb7, -2em -2em 0 0 #a3afb7; box-shadow: 0 -3em 0 0.2em #a3afb7, 2em -2em 0 0 #a3afb7, 3em 0 0 -0.5em #a3afb7, 2em 2em 0 -0.5em #a3afb7, 0 3em 0 -0.5em #a3afb7, -2em 2em 0 -0.5em #a3afb7, -3em 0 0 -0.5em #a3afb7, -2em -2em 0 0 #a3afb7; } 12.5% { -webkit-box-shadow: 0 -3em 0 0 #a3afb7, 2em -2em 0 0.2em #a3afb7, 3em 0 0 0 #a3afb7, 2em 2em 0 -0.5em #a3afb7, 0 3em 0 -0.5em #a3afb7, -2em 2em 0 -0.5em #a3afb7, -3em 0 0 -0.5em #a3afb7, -2em -2em 0 -0.5em #a3afb7; box-shadow: 0 -3em 0 0 #a3afb7, 2em -2em 0 0.2em #a3afb7, 3em 0 0 0 #a3afb7, 2em 2em 0 -0.5em #a3afb7, 0 3em 0 -0.5em #a3afb7, -2em 2em 0 -0.5em #a3afb7, -3em 0 0 -0.5em #a3afb7, -2em -2em 0 -0.5em #a3afb7; } 25% { -webkit-box-shadow: 0 -3em 0 -0.5em #a3afb7, 2em -2em 0 0 #a3afb7, 3em 0 0 0.2em #a3afb7, 2em 2em 0 0 #a3afb7, 0 3em 0 -0.5em #a3afb7, -2em 2em 0 -0.5em #a3afb7, -3em 0 0 -0.5em #a3afb7, -2em -2em 0 -0.5em #a3afb7; box-shadow: 0 -3em 0 -0.5em #a3afb7, 2em -2em 0 0 #a3afb7, 3em 0 0 0.2em #a3afb7, 2em 2em 0 0 #a3afb7, 0 3em 0 -0.5em #a3afb7, -2em 2em 0 -0.5em #a3afb7, -3em 0 0 -0.5em #a3afb7, -2em -2em 0 -0.5em #a3afb7; } 37.5% { -webkit-box-shadow: 0 -3em 0 -0.5em #a3afb7, 2em -2em 0 -0.5em #a3afb7, 3em 0 0 0 #a3afb7, 2em 2em 0 0.2em #a3afb7, 0 3em 0 0 #a3afb7, -2em 2em 0 -0.5em #a3afb7, -3em 0 0 -0.5em #a3afb7, -2em -2em 0 -0.5em #a3afb7; box-shadow: 0 -3em 0 -0.5em #a3afb7, 2em -2em 0 -0.5em #a3afb7, 3em 0 0 0 #a3afb7, 2em 2em 0 0.2em #a3afb7, 0 3em 0 0 #a3afb7, -2em 2em 0 -0.5em #a3afb7, -3em 0 0 -0.5em #a3afb7, -2em -2em 0 -0.5em #a3afb7; } 50% { -webkit-box-shadow: 0 -3em 0 -0.5em #a3afb7, 2em -2em 0 -0.5em #a3afb7, 3em 0 0 -0.5em #a3afb7, 2em 2em 0 0 #a3afb7, 0 3em 0 0.2em #a3afb7, -2em 2em 0 0 #a3afb7, -3em 0 0 -0.5em #a3afb7, -2em -2em 0 -0.5em #a3afb7; box-shadow: 0 -3em 0 -0.5em #a3afb7, 2em -2em 0 -0.5em #a3afb7, 3em 0 0 -0.5em #a3afb7, 2em 2em 0 0 #a3afb7, 0 3em 0 0.2em #a3afb7, -2em 2em 0 0 #a3afb7, -3em 0 0 -0.5em #a3afb7, -2em -2em 0 -0.5em #a3afb7; } 62.5% { -webkit-box-shadow: 0 -3em 0 -0.5em #a3afb7, 2em -2em 0 -0.5em #a3afb7, 3em 0 0 -0.5em #a3afb7, 2em 2em 0 -0.5em #a3afb7, 0 3em 0 0 #a3afb7, -2em 2em 0 0.2em #a3afb7, -3em 0 0 0 #a3afb7, -2em -2em 0 -0.5em #a3afb7; box-shadow: 0 -3em 0 -0.5em #a3afb7, 2em -2em 0 -0.5em #a3afb7, 3em 0 0 -0.5em #a3afb7, 2em 2em 0 -0.5em #a3afb7, 0 3em 0 0 #a3afb7, -2em 2em 0 0.2em #a3afb7, -3em 0 0 0 #a3afb7, -2em -2em 0 -0.5em #a3afb7; } 75% { -webkit-box-shadow: 0 -3em 0 -0.5em #a3afb7, 2em -2em 0 -0.5em #a3afb7, 3em 0 0 -0.5em #a3afb7, 2em 2em 0 -0.5em #a3afb7, 0 3em 0 -0.5em #a3afb7, -2em 2em 0 0 #a3afb7, -3em 0 0 0.2em #a3afb7, -2em -2em 0 0 #a3afb7; box-shadow: 0 -3em 0 -0.5em #a3afb7, 2em -2em 0 -0.5em #a3afb7, 3em 0 0 -0.5em #a3afb7, 2em 2em 0 -0.5em #a3afb7, 0 3em 0 -0.5em #a3afb7, -2em 2em 0 0 #a3afb7, -3em 0 0 0.2em #a3afb7, -2em -2em 0 0 #a3afb7; } 87.5% { -webkit-box-shadow: 0 -3em 0 0 #a3afb7, 2em -2em 0 -0.5em #a3afb7, 3em 0 0 -0.5em #a3afb7, 2em 2em 0 -0.5em #a3afb7, 0 3em 0 -0.5em #a3afb7, -2em 2em 0 0 #a3afb7, -3em 0 0 0 #a3afb7, -2em -2em 0 0.2em #a3afb7; box-shadow: 0 -3em 0 0 #a3afb7, 2em -2em 0 -0.5em #a3afb7, 3em 0 0 -0.5em #a3afb7, 2em 2em 0 -0.5em #a3afb7, 0 3em 0 -0.5em #a3afb7, -2em 2em 0 0 #a3afb7, -3em 0 0 0 #a3afb7, -2em -2em 0 0.2em #a3afb7; } } @-webkit-keyframes loader-tadpole { 0% { -webkit-box-shadow: 0 -0.83em 0 -0.4em #a3afb7, 0 -0.83em 0 -0.42em #a3afb7, 0 -0.83em 0 -0.44em #a3afb7, 0 -0.83em 0 -0.46em #a3afb7, 0 -0.83em 0 -0.477em #a3afb7; box-shadow: 0 -0.83em 0 -0.4em #a3afb7, 0 -0.83em 0 -0.42em #a3afb7, 0 -0.83em 0 -0.44em #a3afb7, 0 -0.83em 0 -0.46em #a3afb7, 0 -0.83em 0 -0.477em #a3afb7; -webkit-transform: rotate(0); transform: rotate(0); } 5%, 95% { -webkit-box-shadow: 0 -0.83em 0 -0.4em #a3afb7, 0 -0.83em 0 -0.42em #a3afb7, 0 -0.83em 0 -0.44em #a3afb7, 0 -0.83em 0 -0.46em #a3afb7, 0 -0.83em 0 -0.477em #a3afb7; box-shadow: 0 -0.83em 0 -0.4em #a3afb7, 0 -0.83em 0 -0.42em #a3afb7, 0 -0.83em 0 -0.44em #a3afb7, 0 -0.83em 0 -0.46em #a3afb7, 0 -0.83em 0 -0.477em #a3afb7; } 10%, 59% { -webkit-box-shadow: 0 -0.83em 0 -0.4em #a3afb7, -0.087em -0.825em 0 -0.42em #a3afb7, -0.173em -0.812em 0 -0.44em #a3afb7, -0.256em -0.789em 0 -0.46em #a3afb7, -0.297em -0.775em 0 -0.477em #a3afb7; box-shadow: 0 -0.83em 0 -0.4em #a3afb7, -0.087em -0.825em 0 -0.42em #a3afb7, -0.173em -0.812em 0 -0.44em #a3afb7, -0.256em -0.789em 0 -0.46em #a3afb7, -0.297em -0.775em 0 -0.477em #a3afb7; } 20% { -webkit-box-shadow: 0 -0.83em 0 -0.4em #a3afb7, -0.338em -0.758em 0 -0.42em #a3afb7, -0.555em -0.617em 0 -0.44em #a3afb7, -0.671em -0.488em 0 -0.46em #a3afb7, -0.749em -0.34em 0 -0.477em #a3afb7; box-shadow: 0 -0.83em 0 -0.4em #a3afb7, -0.338em -0.758em 0 -0.42em #a3afb7, -0.555em -0.617em 0 -0.44em #a3afb7, -0.671em -0.488em 0 -0.46em #a3afb7, -0.749em -0.34em 0 -0.477em #a3afb7; } 38% { -webkit-box-shadow: 0 -0.83em 0 -0.4em #a3afb7, -0.377em -0.74em 0 -0.42em #a3afb7, -0.645em -0.522em 0 -0.44em #a3afb7, -0.775em -0.297em 0 -0.46em #a3afb7, -0.82em -0.09em 0 -0.477em #a3afb7; box-shadow: 0 -0.83em 0 -0.4em #a3afb7, -0.377em -0.74em 0 -0.42em #a3afb7, -0.645em -0.522em 0 -0.44em #a3afb7, -0.775em -0.297em 0 -0.46em #a3afb7, -0.82em -0.09em 0 -0.477em #a3afb7; } 100% { -webkit-box-shadow: 0 -0.83em 0 -0.4em #a3afb7, 0 -0.83em 0 -0.42em #a3afb7, 0 -0.83em 0 -0.44em #a3afb7, 0 -0.83em 0 -0.46em #a3afb7, 0 -0.83em 0 -0.477em #a3afb7; box-shadow: 0 -0.83em 0 -0.4em #a3afb7, 0 -0.83em 0 -0.42em #a3afb7, 0 -0.83em 0 -0.44em #a3afb7, 0 -0.83em 0 -0.46em #a3afb7, 0 -0.83em 0 -0.477em #a3afb7; -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @-o-keyframes loader-tadpole { 0% { box-shadow: 0 -0.83em 0 -0.4em #a3afb7, 0 -0.83em 0 -0.42em #a3afb7, 0 -0.83em 0 -0.44em #a3afb7, 0 -0.83em 0 -0.46em #a3afb7, 0 -0.83em 0 -0.477em #a3afb7; -webkit-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0); } 5%, 95% { box-shadow: 0 -0.83em 0 -0.4em #a3afb7, 0 -0.83em 0 -0.42em #a3afb7, 0 -0.83em 0 -0.44em #a3afb7, 0 -0.83em 0 -0.46em #a3afb7, 0 -0.83em 0 -0.477em #a3afb7; } 10%, 59% { box-shadow: 0 -0.83em 0 -0.4em #a3afb7, -0.087em -0.825em 0 -0.42em #a3afb7, -0.173em -0.812em 0 -0.44em #a3afb7, -0.256em -0.789em 0 -0.46em #a3afb7, -0.297em -0.775em 0 -0.477em #a3afb7; } 20% { box-shadow: 0 -0.83em 0 -0.4em #a3afb7, -0.338em -0.758em 0 -0.42em #a3afb7, -0.555em -0.617em 0 -0.44em #a3afb7, -0.671em -0.488em 0 -0.46em #a3afb7, -0.749em -0.34em 0 -0.477em #a3afb7; } 38% { box-shadow: 0 -0.83em 0 -0.4em #a3afb7, -0.377em -0.74em 0 -0.42em #a3afb7, -0.645em -0.522em 0 -0.44em #a3afb7, -0.775em -0.297em 0 -0.46em #a3afb7, -0.82em -0.09em 0 -0.477em #a3afb7; } 100% { box-shadow: 0 -0.83em 0 -0.4em #a3afb7, 0 -0.83em 0 -0.42em #a3afb7, 0 -0.83em 0 -0.44em #a3afb7, 0 -0.83em 0 -0.46em #a3afb7, 0 -0.83em 0 -0.477em #a3afb7; -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes loader-tadpole { 0% { -webkit-box-shadow: 0 -0.83em 0 -0.4em #a3afb7, 0 -0.83em 0 -0.42em #a3afb7, 0 -0.83em 0 -0.44em #a3afb7, 0 -0.83em 0 -0.46em #a3afb7, 0 -0.83em 0 -0.477em #a3afb7; box-shadow: 0 -0.83em 0 -0.4em #a3afb7, 0 -0.83em 0 -0.42em #a3afb7, 0 -0.83em 0 -0.44em #a3afb7, 0 -0.83em 0 -0.46em #a3afb7, 0 -0.83em 0 -0.477em #a3afb7; -webkit-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0); } 5%, 95% { -webkit-box-shadow: 0 -0.83em 0 -0.4em #a3afb7, 0 -0.83em 0 -0.42em #a3afb7, 0 -0.83em 0 -0.44em #a3afb7, 0 -0.83em 0 -0.46em #a3afb7, 0 -0.83em 0 -0.477em #a3afb7; box-shadow: 0 -0.83em 0 -0.4em #a3afb7, 0 -0.83em 0 -0.42em #a3afb7, 0 -0.83em 0 -0.44em #a3afb7, 0 -0.83em 0 -0.46em #a3afb7, 0 -0.83em 0 -0.477em #a3afb7; } 10%, 59% { -webkit-box-shadow: 0 -0.83em 0 -0.4em #a3afb7, -0.087em -0.825em 0 -0.42em #a3afb7, -0.173em -0.812em 0 -0.44em #a3afb7, -0.256em -0.789em 0 -0.46em #a3afb7, -0.297em -0.775em 0 -0.477em #a3afb7; box-shadow: 0 -0.83em 0 -0.4em #a3afb7, -0.087em -0.825em 0 -0.42em #a3afb7, -0.173em -0.812em 0 -0.44em #a3afb7, -0.256em -0.789em 0 -0.46em #a3afb7, -0.297em -0.775em 0 -0.477em #a3afb7; } 20% { -webkit-box-shadow: 0 -0.83em 0 -0.4em #a3afb7, -0.338em -0.758em 0 -0.42em #a3afb7, -0.555em -0.617em 0 -0.44em #a3afb7, -0.671em -0.488em 0 -0.46em #a3afb7, -0.749em -0.34em 0 -0.477em #a3afb7; box-shadow: 0 -0.83em 0 -0.4em #a3afb7, -0.338em -0.758em 0 -0.42em #a3afb7, -0.555em -0.617em 0 -0.44em #a3afb7, -0.671em -0.488em 0 -0.46em #a3afb7, -0.749em -0.34em 0 -0.477em #a3afb7; } 38% { -webkit-box-shadow: 0 -0.83em 0 -0.4em #a3afb7, -0.377em -0.74em 0 -0.42em #a3afb7, -0.645em -0.522em 0 -0.44em #a3afb7, -0.775em -0.297em 0 -0.46em #a3afb7, -0.82em -0.09em 0 -0.477em #a3afb7; box-shadow: 0 -0.83em 0 -0.4em #a3afb7, -0.377em -0.74em 0 -0.42em #a3afb7, -0.645em -0.522em 0 -0.44em #a3afb7, -0.775em -0.297em 0 -0.46em #a3afb7, -0.82em -0.09em 0 -0.477em #a3afb7; } 100% { -webkit-box-shadow: 0 -0.83em 0 -0.4em #a3afb7, 0 -0.83em 0 -0.42em #a3afb7, 0 -0.83em 0 -0.44em #a3afb7, 0 -0.83em 0 -0.46em #a3afb7, 0 -0.83em 0 -0.477em #a3afb7; box-shadow: 0 -0.83em 0 -0.4em #a3afb7, 0 -0.83em 0 -0.42em #a3afb7, 0 -0.83em 0 -0.44em #a3afb7, 0 -0.83em 0 -0.46em #a3afb7, 0 -0.83em 0 -0.477em #a3afb7; -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); } } @-webkit-keyframes loader-ellipsis { 0%, 100%, 80% { -webkit-box-shadow: 0 0.625em 0 -0.325em #a3afb7; box-shadow: 0 0.625em 0 -0.325em #a3afb7; } 40% { -webkit-box-shadow: 0 0.625em 0 0 #a3afb7; box-shadow: 0 0.625em 0 0 #a3afb7; } } @-o-keyframes loader-ellipsis { 0%, 100%, 80% { box-shadow: 0 0.625em 0 -0.325em #a3afb7; } 40% { box-shadow: 0 0.625em 0 0 #a3afb7; } } @keyframes loader-ellipsis { 0%, 100%, 80% { -webkit-box-shadow: 0 0.625em 0 -0.325em #a3afb7; box-shadow: 0 0.625em 0 -0.325em #a3afb7; } 40% { -webkit-box-shadow: 0 0.625em 0 0 #a3afb7; box-shadow: 0 0.625em 0 0 #a3afb7; } } @-webkit-keyframes loader-dot-rotate { 0% { -webkit-transform: rotate(0); transform: rotate(0); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @-o-keyframes loader-dot-rotate { 0% { -webkit-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0); } 100% { -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes loader-dot-rotate { 0% { -webkit-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0); } 100% { -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); } } @-webkit-keyframes loader-dot-bounce { 0%, 100% { -webkit-transform: scale(0); transform: scale(0); } 50% { -webkit-transform: scale(1); transform: scale(1); } } @-o-keyframes loader-dot-bounce { 0%, 100% { -webkit-transform: scale(0); -o-transform: scale(0); transform: scale(0); } 50% { -webkit-transform: scale(1); -o-transform: scale(1); transform: scale(1); } } @keyframes loader-dot-bounce { 0%, 100% { -webkit-transform: scale(0); -o-transform: scale(0); transform: scale(0); } 50% { -webkit-transform: scale(1); -o-transform: scale(1); transform: scale(1); } } @-webkit-keyframes loader-bounce { 0%, 100% { -webkit-transform: scale(0); transform: scale(0); } 50% { -webkit-transform: scale(1); transform: scale(1); } } @-o-keyframes loader-bounce { 0%, 100% { -webkit-transform: scale(0); -o-transform: scale(0); transform: scale(0); } 50% { -webkit-transform: scale(1); -o-transform: scale(1); transform: scale(1); } } @keyframes loader-bounce { 0%, 100% { -webkit-transform: scale(0); -o-transform: scale(0); transform: scale(0); } 50% { -webkit-transform: scale(1); -o-transform: scale(1); transform: scale(1); } } @-webkit-keyframes loader-cube { 0% { -webkit-transform: rotate(0); transform: rotate(0); } 25% { -webkit-transform: translateX(1.5em) rotate(-90deg) scale(0.5); transform: translateX(1.5em) rotate(-90deg) scale(0.5); } 50% { -webkit-transform: translateX(1.5em) translateY(1.5em) rotate(-179deg); transform: translateX(1.5em) translateY(1.5em) rotate(-179deg); } 50.1% { -webkit-transform: translateX(1.5em) translateY(1.5em) rotate(-180deg); transform: translateX(1.5em) translateY(1.5em) rotate(-180deg); } 75% { -webkit-transform: translateX(0) translateY(1.5em) rotate(-270deg) scale(0.5); transform: translateX(0) translateY(1.5em) rotate(-270deg) scale(0.5); } 100% { -webkit-transform: rotate(-360deg); transform: rotate(-360deg); } } @-o-keyframes loader-cube { 0% { -webkit-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0); } 25% { -webkit-transform: translateX(1.5em) rotate(-90deg) scale(0.5); -o-transform: translateX(1.5em) rotate(-90deg) scale(0.5); transform: translateX(1.5em) rotate(-90deg) scale(0.5); } 50% { -webkit-transform: translateX(1.5em) translateY(1.5em) rotate(-179deg); -o-transform: translateX(1.5em) translateY(1.5em) rotate(-179deg); transform: translateX(1.5em) translateY(1.5em) rotate(-179deg); } 50.1% { -webkit-transform: translateX(1.5em) translateY(1.5em) rotate(-180deg); -o-transform: translateX(1.5em) translateY(1.5em) rotate(-180deg); transform: translateX(1.5em) translateY(1.5em) rotate(-180deg); } 75% { -webkit-transform: translateX(0) translateY(1.5em) rotate(-270deg) scale(0.5); -o-transform: translateX(0) translateY(1.5em) rotate(-270deg) scale(0.5); transform: translateX(0) translateY(1.5em) rotate(-270deg) scale(0.5); } 100% { -webkit-transform: rotate(-360deg); -o-transform: rotate(-360deg); transform: rotate(-360deg); } } @keyframes loader-cube { 0% { -webkit-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0); } 25% { -webkit-transform: translateX(1.5em) rotate(-90deg) scale(0.5); -o-transform: translateX(1.5em) rotate(-90deg) scale(0.5); transform: translateX(1.5em) rotate(-90deg) scale(0.5); } 50% { -webkit-transform: translateX(1.5em) translateY(1.5em) rotate(-179deg); -o-transform: translateX(1.5em) translateY(1.5em) rotate(-179deg); transform: translateX(1.5em) translateY(1.5em) rotate(-179deg); } 50.1% { -webkit-transform: translateX(1.5em) translateY(1.5em) rotate(-180deg); -o-transform: translateX(1.5em) translateY(1.5em) rotate(-180deg); transform: translateX(1.5em) translateY(1.5em) rotate(-180deg); } 75% { -webkit-transform: translateX(0) translateY(1.5em) rotate(-270deg) scale(0.5); -o-transform: translateX(0) translateY(1.5em) rotate(-270deg) scale(0.5); transform: translateX(0) translateY(1.5em) rotate(-270deg) scale(0.5); } 100% { -webkit-transform: rotate(-360deg); -o-transform: rotate(-360deg); transform: rotate(-360deg); } } @-webkit-keyframes loader-rotate-plane { 0% { -webkit-transform: perspective(120px) rotateX(0) rotateY(0); transform: perspective(120px) rotateX(0) rotateY(0); } 50% { -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0); transform: perspective(120px) rotateX(-180.1deg) rotateY(0); } 100% { -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg); transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg); } } @-o-keyframes loader-rotate-plane { 0% { -webkit-transform: perspective(120px) rotateX(0) rotateY(0); transform: perspective(120px) rotateX(0) rotateY(0); } 50% { -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0); transform: perspective(120px) rotateX(-180.1deg) rotateY(0); } 100% { -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg); transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg); } } @keyframes loader-rotate-plane { 0% { -webkit-transform: perspective(120px) rotateX(0) rotateY(0); transform: perspective(120px) rotateX(0) rotateY(0); } 50% { -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0); transform: perspective(120px) rotateX(-180.1deg) rotateY(0); } 100% { -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg); transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg); } } @-webkit-keyframes loader-folding-cube-before { 0% { height: 0; width: 50%; } 7.5% { height: 50%; width: 50%; } 12.5% { height: 50%; width: 50%; } 20% { height: 50%; width: 100%; } 25% { height: 50%; width: 100%; } 50% { left: auto; right: 0; height: 50%; width: 100%; } 57.5% { height: 50%; width: 50%; } 62.5% { height: 50%; width: 50%; } 70% { width: 50%; height: 0; } 75% { width: 50%; height: 0; } } @-o-keyframes loader-folding-cube-before { 0% { height: 0; width: 50%; } 7.5% { height: 50%; width: 50%; } 12.5% { height: 50%; width: 50%; } 20% { height: 50%; width: 100%; } 25% { height: 50%; width: 100%; } 50% { left: auto; right: 0; height: 50%; width: 100%; } 57.5% { height: 50%; width: 50%; } 62.5% { height: 50%; width: 50%; } 70% { width: 50%; height: 0; } 75% { width: 50%; height: 0; } } @keyframes loader-folding-cube-before { 0% { height: 0; width: 50%; } 7.5% { height: 50%; width: 50%; } 12.5% { height: 50%; width: 50%; } 20% { height: 50%; width: 100%; } 25% { height: 50%; width: 100%; } 50% { left: auto; right: 0; height: 50%; width: 100%; } 57.5% { height: 50%; width: 50%; } 62.5% { height: 50%; width: 50%; } 70% { width: 50%; height: 0; } 75% { width: 50%; height: 0; } } @-webkit-keyframes loader-folding-cube-after { 0% { height: 0; width: 50%; } 7.5% { height: 50%; width: 50%; } 12.5% { height: 50%; width: 50%; } 20% { height: 50%; width: 100%; } 25% { height: 50%; width: 100%; } 50% { left: 0; right: auto; height: 50%; width: 100%; } 57.5% { height: 50%; width: 50%; } 62.5% { height: 50%; width: 50%; } 75% { width: 50%; height: 0; } } @-o-keyframes loader-folding-cube-after { 0% { height: 0; width: 50%; } 7.5% { height: 50%; width: 50%; } 12.5% { height: 50%; width: 50%; } 20% { height: 50%; width: 100%; } 25% { height: 50%; width: 100%; } 50% { left: 0; right: auto; height: 50%; width: 100%; } 57.5% { height: 50%; width: 50%; } 62.5% { height: 50%; width: 50%; } 75% { width: 50%; height: 0; } } @keyframes loader-folding-cube-after { 0% { height: 0; width: 50%; } 7.5% { height: 50%; width: 50%; } 12.5% { height: 50%; width: 50%; } 20% { height: 50%; width: 100%; } 25% { height: 50%; width: 100%; } 50% { left: 0; right: auto; height: 50%; width: 100%; } 57.5% { height: 50%; width: 50%; } 62.5% { height: 50%; width: 50%; } 75% { width: 50%; height: 0; } } @-webkit-keyframes loader-cube-grid { 15% { -webkit-box-shadow: -0.3em 0.3em 0 -0.3em #a3afb7, 0 0.6em 0 -0.3em #a3afb7, 0.3em 0.9em 0 -0.3em #a3afb7; box-shadow: -0.3em 0.3em 0 -0.3em #a3afb7, 0 0.6em 0 -0.3em #a3afb7, 0.3em 0.9em 0 -0.3em #a3afb7; } 30% { -webkit-box-shadow: -0.3em 0.3em 0 0 #a3afb7, 0 0.6em 0 0 #a3afb7, 0.3em 0.9em 0 0 #a3afb7; box-shadow: -0.3em 0.3em 0 0 #a3afb7, 0 0.6em 0 0 #a3afb7, 0.3em 0.9em 0 0 #a3afb7; } 70% { -webkit-box-shadow: -0.3em 0.3em 0 0 #a3afb7, 0 0.6em 0 0 #a3afb7, 0.3em 0.9em 0 0 #a3afb7; box-shadow: -0.3em 0.3em 0 0 #a3afb7, 0 0.6em 0 0 #a3afb7, 0.3em 0.9em 0 0 #a3afb7; } 85% { -webkit-box-shadow: -0.3em 0.3em 0 -0.3em #a3afb7, 0 0.6em 0 -0.3em #a3afb7, 0.3em 0.9em 0 -0.3em #a3afb7; box-shadow: -0.3em 0.3em 0 -0.3em #a3afb7, 0 0.6em 0 -0.3em #a3afb7, 0.3em 0.9em 0 -0.3em #a3afb7; } } @-o-keyframes loader-cube-grid { 15% { box-shadow: -0.3em 0.3em 0 -0.3em #a3afb7, 0 0.6em 0 -0.3em #a3afb7, 0.3em 0.9em 0 -0.3em #a3afb7; } 30% { box-shadow: -0.3em 0.3em 0 0 #a3afb7, 0 0.6em 0 0 #a3afb7, 0.3em 0.9em 0 0 #a3afb7; } 70% { box-shadow: -0.3em 0.3em 0 0 #a3afb7, 0 0.6em 0 0 #a3afb7, 0.3em 0.9em 0 0 #a3afb7; } 85% { box-shadow: -0.3em 0.3em 0 -0.3em #a3afb7, 0 0.6em 0 -0.3em #a3afb7, 0.3em 0.9em 0 -0.3em #a3afb7; } } @keyframes loader-cube-grid { 15% { -webkit-box-shadow: -0.3em 0.3em 0 -0.3em #a3afb7, 0 0.6em 0 -0.3em #a3afb7, 0.3em 0.9em 0 -0.3em #a3afb7; box-shadow: -0.3em 0.3em 0 -0.3em #a3afb7, 0 0.6em 0 -0.3em #a3afb7, 0.3em 0.9em 0 -0.3em #a3afb7; } 30% { -webkit-box-shadow: -0.3em 0.3em 0 0 #a3afb7, 0 0.6em 0 0 #a3afb7, 0.3em 0.9em 0 0 #a3afb7; box-shadow: -0.3em 0.3em 0 0 #a3afb7, 0 0.6em 0 0 #a3afb7, 0.3em 0.9em 0 0 #a3afb7; } 70% { -webkit-box-shadow: -0.3em 0.3em 0 0 #a3afb7, 0 0.6em 0 0 #a3afb7, 0.3em 0.9em 0 0 #a3afb7; box-shadow: -0.3em 0.3em 0 0 #a3afb7, 0 0.6em 0 0 #a3afb7, 0.3em 0.9em 0 0 #a3afb7; } 85% { -webkit-box-shadow: -0.3em 0.3em 0 -0.3em #a3afb7, 0 0.6em 0 -0.3em #a3afb7, 0.3em 0.9em 0 -0.3em #a3afb7; box-shadow: -0.3em 0.3em 0 -0.3em #a3afb7, 0 0.6em 0 -0.3em #a3afb7, 0.3em 0.9em 0 -0.3em #a3afb7; } } @-webkit-keyframes loader-cube-grid-before { 0% { -webkit-box-shadow: -0.3em 0.9em 0 -0.3em #a3afb7, 0 0.3em 0 -0.3em #a3afb7, 0.3em 0.6em 0 -0.3em #a3afb7; box-shadow: -0.3em 0.9em 0 -0.3em #a3afb7, 0 0.3em 0 -0.3em #a3afb7, 0.3em 0.6em 0 -0.3em #a3afb7; } 15% { -webkit-box-shadow: -0.3em 0.9em 0 0 #a3afb7, 0 0.3em 0 -0.3em #a3afb7, 0.3em 0.6em 0 -0.3em #a3afb7; box-shadow: -0.3em 0.9em 0 0 #a3afb7, 0 0.3em 0 -0.3em #a3afb7, 0.3em 0.6em 0 -0.3em #a3afb7; } 22.5% { -webkit-box-shadow: -0.3em 0.9em 0 0 #a3afb7, 0 0.3em 0 -0.3em #a3afb7, 0.3em 0.6em 0 -0.3em #a3afb7; box-shadow: -0.3em 0.9em 0 0 #a3afb7, 0 0.3em 0 -0.3em #a3afb7, 0.3em 0.6em 0 -0.3em #a3afb7; } 37.5% { -webkit-box-shadow: -0.3em 0.9em 0 0 #a3afb7, 0 0.3em 0 0 #a3afb7, 0.3em 0.6em 0 0 #a3afb7; box-shadow: -0.3em 0.9em 0 0 #a3afb7, 0 0.3em 0 0 #a3afb7, 0.3em 0.6em 0 0 #a3afb7; } 55% { -webkit-box-shadow: -0.3em 0.9em 0 0 #a3afb7, 0 0.3em 0 0 #a3afb7, 0.3em 0.6em 0 0 #a3afb7; box-shadow: -0.3em 0.9em 0 0 #a3afb7, 0 0.3em 0 0 #a3afb7, 0.3em 0.6em 0 0 #a3afb7; } 70% { -webkit-box-shadow: -0.3em 0.9em 0 -0.3em #a3afb7, 0 0.3em 0 0 #a3afb7, 0.3em 0.6em 0 0 #a3afb7; box-shadow: -0.3em 0.9em 0 -0.3em #a3afb7, 0 0.3em 0 0 #a3afb7, 0.3em 0.6em 0 0 #a3afb7; } 77.5% { -webkit-box-shadow: -0.3em 0.9em 0 -0.3em #a3afb7, 0 0.3em 0 0 #a3afb7, 0.3em 0.6em 0 0 #a3afb7; box-shadow: -0.3em 0.9em 0 -0.3em #a3afb7, 0 0.3em 0 0 #a3afb7, 0.3em 0.6em 0 0 #a3afb7; } 92.5% { -webkit-box-shadow: -0.3em 0.9em 0 -0.3em #a3afb7, 0 0.3em 0 -0.3em #a3afb7, 0.3em 0.6em 0 -0.3em #a3afb7; box-shadow: -0.3em 0.9em 0 -0.3em #a3afb7, 0 0.3em 0 -0.3em #a3afb7, 0.3em 0.6em 0 -0.3em #a3afb7; } } @-o-keyframes loader-cube-grid-before { 0% { box-shadow: -0.3em 0.9em 0 -0.3em #a3afb7, 0 0.3em 0 -0.3em #a3afb7, 0.3em 0.6em 0 -0.3em #a3afb7; } 15% { box-shadow: -0.3em 0.9em 0 0 #a3afb7, 0 0.3em 0 -0.3em #a3afb7, 0.3em 0.6em 0 -0.3em #a3afb7; } 22.5% { box-shadow: -0.3em 0.9em 0 0 #a3afb7, 0 0.3em 0 -0.3em #a3afb7, 0.3em 0.6em 0 -0.3em #a3afb7; } 37.5% { box-shadow: -0.3em 0.9em 0 0 #a3afb7, 0 0.3em 0 0 #a3afb7, 0.3em 0.6em 0 0 #a3afb7; } 55% { box-shadow: -0.3em 0.9em 0 0 #a3afb7, 0 0.3em 0 0 #a3afb7, 0.3em 0.6em 0 0 #a3afb7; } 70% { box-shadow: -0.3em 0.9em 0 -0.3em #a3afb7, 0 0.3em 0 0 #a3afb7, 0.3em 0.6em 0 0 #a3afb7; } 77.5% { box-shadow: -0.3em 0.9em 0 -0.3em #a3afb7, 0 0.3em 0 0 #a3afb7, 0.3em 0.6em 0 0 #a3afb7; } 92.5% { box-shadow: -0.3em 0.9em 0 -0.3em #a3afb7, 0 0.3em 0 -0.3em #a3afb7, 0.3em 0.6em 0 -0.3em #a3afb7; } } @keyframes loader-cube-grid-before { 0% { -webkit-box-shadow: -0.3em 0.9em 0 -0.3em #a3afb7, 0 0.3em 0 -0.3em #a3afb7, 0.3em 0.6em 0 -0.3em #a3afb7; box-shadow: -0.3em 0.9em 0 -0.3em #a3afb7, 0 0.3em 0 -0.3em #a3afb7, 0.3em 0.6em 0 -0.3em #a3afb7; } 15% { -webkit-box-shadow: -0.3em 0.9em 0 0 #a3afb7, 0 0.3em 0 -0.3em #a3afb7, 0.3em 0.6em 0 -0.3em #a3afb7; box-shadow: -0.3em 0.9em 0 0 #a3afb7, 0 0.3em 0 -0.3em #a3afb7, 0.3em 0.6em 0 -0.3em #a3afb7; } 22.5% { -webkit-box-shadow: -0.3em 0.9em 0 0 #a3afb7, 0 0.3em 0 -0.3em #a3afb7, 0.3em 0.6em 0 -0.3em #a3afb7; box-shadow: -0.3em 0.9em 0 0 #a3afb7, 0 0.3em 0 -0.3em #a3afb7, 0.3em 0.6em 0 -0.3em #a3afb7; } 37.5% { -webkit-box-shadow: -0.3em 0.9em 0 0 #a3afb7, 0 0.3em 0 0 #a3afb7, 0.3em 0.6em 0 0 #a3afb7; box-shadow: -0.3em 0.9em 0 0 #a3afb7, 0 0.3em 0 0 #a3afb7, 0.3em 0.6em 0 0 #a3afb7; } 55% { -webkit-box-shadow: -0.3em 0.9em 0 0 #a3afb7, 0 0.3em 0 0 #a3afb7, 0.3em 0.6em 0 0 #a3afb7; box-shadow: -0.3em 0.9em 0 0 #a3afb7, 0 0.3em 0 0 #a3afb7, 0.3em 0.6em 0 0 #a3afb7; } 70% { -webkit-box-shadow: -0.3em 0.9em 0 -0.3em #a3afb7, 0 0.3em 0 0 #a3afb7, 0.3em 0.6em 0 0 #a3afb7; box-shadow: -0.3em 0.9em 0 -0.3em #a3afb7, 0 0.3em 0 0 #a3afb7, 0.3em 0.6em 0 0 #a3afb7; } 77.5% { -webkit-box-shadow: -0.3em 0.9em 0 -0.3em #a3afb7, 0 0.3em 0 0 #a3afb7, 0.3em 0.6em 0 0 #a3afb7; box-shadow: -0.3em 0.9em 0 -0.3em #a3afb7, 0 0.3em 0 0 #a3afb7, 0.3em 0.6em 0 0 #a3afb7; } 92.5% { -webkit-box-shadow: -0.3em 0.9em 0 -0.3em #a3afb7, 0 0.3em 0 -0.3em #a3afb7, 0.3em 0.6em 0 -0.3em #a3afb7; box-shadow: -0.3em 0.9em 0 -0.3em #a3afb7, 0 0.3em 0 -0.3em #a3afb7, 0.3em 0.6em 0 -0.3em #a3afb7; } } @-webkit-keyframes loader-cube-grid-after { 7.5% { -webkit-box-shadow: -0.3em 0.6em 0 -0.3em #a3afb7, 0 0.9em 0 -0.3em #a3afb7, 0.3em 0.3em 0 -0.3em #a3afb7; box-shadow: -0.3em 0.6em 0 -0.3em #a3afb7, 0 0.9em 0 -0.3em #a3afb7, 0.3em 0.3em 0 -0.3em #a3afb7; } 22.5% { -webkit-box-shadow: -0.3em 0.6em 0 0 #a3afb7, 0 0.9em 0 0 #a3afb7, 0.3em 0.3em 0 -0.3em #a3afb7; box-shadow: -0.3em 0.6em 0 0 #a3afb7, 0 0.9em 0 0 #a3afb7, 0.3em 0.3em 0 -0.3em #a3afb7; } 30% { -webkit-box-shadow: -0.3em 0.6em 0 0 #a3afb7, 0 0.9em 0 0 #a3afb7, 0.3em 0.3em 0 -0.3em #a3afb7; box-shadow: -0.3em 0.6em 0 0 #a3afb7, 0 0.9em 0 0 #a3afb7, 0.3em 0.3em 0 -0.3em #a3afb7; } 45% { -webkit-box-shadow: -0.3em 0.6em 0 0 #a3afb7, 0 0.9em 0 0 #a3afb7, 0.3em 0.3em 0 0 #a3afb7; box-shadow: -0.3em 0.6em 0 0 #a3afb7, 0 0.9em 0 0 #a3afb7, 0.3em 0.3em 0 0 #a3afb7; } 62.5% { -webkit-box-shadow: -0.3em 0.6em 0 0 #a3afb7, 0 0.9em 0 0 #a3afb7, 0.3em 0.3em 0 0 #a3afb7; box-shadow: -0.3em 0.6em 0 0 #a3afb7, 0 0.9em 0 0 #a3afb7, 0.3em 0.3em 0 0 #a3afb7; } 77.5% { -webkit-box-shadow: -0.3em 0.6em 0 -0.3em #a3afb7, 0 0.9em 0 -0.3em #a3afb7, 0.3em 0.3em 0 0 #a3afb7; box-shadow: -0.3em 0.6em 0 -0.3em #a3afb7, 0 0.9em 0 -0.3em #a3afb7, 0.3em 0.3em 0 0 #a3afb7; } 85% { -webkit-box-shadow: -0.3em 0.6em 0 -0.3em #a3afb7, 0 0.9em 0 -0.3em #a3afb7, 0.3em 0.3em 0 0 #a3afb7; box-shadow: -0.3em 0.6em 0 -0.3em #a3afb7, 0 0.9em 0 -0.3em #a3afb7, 0.3em 0.3em 0 0 #a3afb7; } 100% { -webkit-box-shadow: -0.3em 0.6em 0 -0.3em #a3afb7, 0 0.9em 0 -0.3em #a3afb7, 0.3em 0.3em 0 -0.3em #a3afb7; box-shadow: -0.3em 0.6em 0 -0.3em #a3afb7, 0 0.9em 0 -0.3em #a3afb7, 0.3em 0.3em 0 -0.3em #a3afb7; } } @-o-keyframes loader-cube-grid-after { 7.5% { box-shadow: -0.3em 0.6em 0 -0.3em #a3afb7, 0 0.9em 0 -0.3em #a3afb7, 0.3em 0.3em 0 -0.3em #a3afb7; } 22.5% { box-shadow: -0.3em 0.6em 0 0 #a3afb7, 0 0.9em 0 0 #a3afb7, 0.3em 0.3em 0 -0.3em #a3afb7; } 30% { box-shadow: -0.3em 0.6em 0 0 #a3afb7, 0 0.9em 0 0 #a3afb7, 0.3em 0.3em 0 -0.3em #a3afb7; } 45% { box-shadow: -0.3em 0.6em 0 0 #a3afb7, 0 0.9em 0 0 #a3afb7, 0.3em 0.3em 0 0 #a3afb7; } 62.5% { box-shadow: -0.3em 0.6em 0 0 #a3afb7, 0 0.9em 0 0 #a3afb7, 0.3em 0.3em 0 0 #a3afb7; } 77.5% { box-shadow: -0.3em 0.6em 0 -0.3em #a3afb7, 0 0.9em 0 -0.3em #a3afb7, 0.3em 0.3em 0 0 #a3afb7; } 85% { box-shadow: -0.3em 0.6em 0 -0.3em #a3afb7, 0 0.9em 0 -0.3em #a3afb7, 0.3em 0.3em 0 0 #a3afb7; } 100% { box-shadow: -0.3em 0.6em 0 -0.3em #a3afb7, 0 0.9em 0 -0.3em #a3afb7, 0.3em 0.3em 0 -0.3em #a3afb7; } } @keyframes loader-cube-grid-after { 7.5% { -webkit-box-shadow: -0.3em 0.6em 0 -0.3em #a3afb7, 0 0.9em 0 -0.3em #a3afb7, 0.3em 0.3em 0 -0.3em #a3afb7; box-shadow: -0.3em 0.6em 0 -0.3em #a3afb7, 0 0.9em 0 -0.3em #a3afb7, 0.3em 0.3em 0 -0.3em #a3afb7; } 22.5% { -webkit-box-shadow: -0.3em 0.6em 0 0 #a3afb7, 0 0.9em 0 0 #a3afb7, 0.3em 0.3em 0 -0.3em #a3afb7; box-shadow: -0.3em 0.6em 0 0 #a3afb7, 0 0.9em 0 0 #a3afb7, 0.3em 0.3em 0 -0.3em #a3afb7; } 30% { -webkit-box-shadow: -0.3em 0.6em 0 0 #a3afb7, 0 0.9em 0 0 #a3afb7, 0.3em 0.3em 0 -0.3em #a3afb7; box-shadow: -0.3em 0.6em 0 0 #a3afb7, 0 0.9em 0 0 #a3afb7, 0.3em 0.3em 0 -0.3em #a3afb7; } 45% { -webkit-box-shadow: -0.3em 0.6em 0 0 #a3afb7, 0 0.9em 0 0 #a3afb7, 0.3em 0.3em 0 0 #a3afb7; box-shadow: -0.3em 0.6em 0 0 #a3afb7, 0 0.9em 0 0 #a3afb7, 0.3em 0.3em 0 0 #a3afb7; } 62.5% { -webkit-box-shadow: -0.3em 0.6em 0 0 #a3afb7, 0 0.9em 0 0 #a3afb7, 0.3em 0.3em 0 0 #a3afb7; box-shadow: -0.3em 0.6em 0 0 #a3afb7, 0 0.9em 0 0 #a3afb7, 0.3em 0.3em 0 0 #a3afb7; } 77.5% { -webkit-box-shadow: -0.3em 0.6em 0 -0.3em #a3afb7, 0 0.9em 0 -0.3em #a3afb7, 0.3em 0.3em 0 0 #a3afb7; box-shadow: -0.3em 0.6em 0 -0.3em #a3afb7, 0 0.9em 0 -0.3em #a3afb7, 0.3em 0.3em 0 0 #a3afb7; } 85% { -webkit-box-shadow: -0.3em 0.6em 0 -0.3em #a3afb7, 0 0.9em 0 -0.3em #a3afb7, 0.3em 0.3em 0 0 #a3afb7; box-shadow: -0.3em 0.6em 0 -0.3em #a3afb7, 0 0.9em 0 -0.3em #a3afb7, 0.3em 0.3em 0 0 #a3afb7; } 100% { -webkit-box-shadow: -0.3em 0.6em 0 -0.3em #a3afb7, 0 0.9em 0 -0.3em #a3afb7, 0.3em 0.3em 0 -0.3em #a3afb7; box-shadow: -0.3em 0.6em 0 -0.3em #a3afb7, 0 0.9em 0 -0.3em #a3afb7, 0.3em 0.3em 0 -0.3em #a3afb7; } } [class*="animation-"] { -webkit-animation-duration: 0.5s; -o-animation-duration: 0.5s; animation-duration: 0.5s; -webkit-animation-timing-function: ease-out; -o-animation-timing-function: ease-out; animation-timing-function: ease-out; -webkit-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; } .animation-hover:not(:hover), .animation-hover:not(:hover) [class*="animation-"], .touch .animation-hover:not(.hover), .touch .animation-hover:not(.hover) [class*="animation-"] { -webkit-animation-name: none; -o-animation-name: none; animation-name: none; } .animation-reverse { -webkit-animation-direction: reverse; -o-animation-direction: reverse; animation-direction: reverse; -webkit-animation-timing-function: ease-in; -o-animation-timing-function: ease-in; animation-timing-function: ease-in; } .animation-repeat { -webkit-animation-iteration-count: infinite; -o-animation-iteration-count: infinite; animation-iteration-count: infinite; } .animation-fade { -webkit-animation-name: fade; -o-animation-name: fade; animation-name: fade; -webkit-animation-duration: 0.8s; -o-animation-duration: 0.8s; animation-duration: 0.8s; -webkit-animation-timing-function: linear; -o-animation-timing-function: linear; animation-timing-function: linear; } .animation-scale { -webkit-animation-name: scale-12; -o-animation-name: scale-12; animation-name: scale-12; } .animation-scale-up { -webkit-animation-name: fade-scale-02; -o-animation-name: fade-scale-02; animation-name: fade-scale-02; } .animation-scale-down { -webkit-animation-name: fade-scale-18; -o-animation-name: fade-scale-18; animation-name: fade-scale-18; } .animation-slide-top { -webkit-animation-name: slide-top; -o-animation-name: slide-top; animation-name: slide-top; } .animation-slide-bottom { -webkit-animation-name: slide-bottom; -o-animation-name: slide-bottom; animation-name: slide-bottom; } .animation-slide-left { -webkit-animation-name: slide-left; -o-animation-name: slide-left; animation-name: slide-left; } .animation-slide-right { -webkit-animation-name: slide-right; -o-animation-name: slide-right; animation-name: slide-right; } .animation-shake { -webkit-animation-name: shake; -o-animation-name: shake; animation-name: shake; } .animation-duration-10 { -webkit-animation-duration: 15s; -o-animation-duration: 15s; animation-duration: 15s; } .animation-duration-9 { -webkit-animation-duration: 9s; -o-animation-duration: 9s; animation-duration: 9s; } .animation-duration-8 { -webkit-animation-duration: 8s; -o-animation-duration: 8s; animation-duration: 8s; } .animation-duration-7 { -webkit-animation-duration: 7s; -o-animation-duration: 7s; animation-duration: 7s; } .animation-duration-6 { -webkit-animation-duration: 6s; -o-animation-duration: 6s; animation-duration: 6s; } .animation-duration-5 { -webkit-animation-duration: 5s; -o-animation-duration: 5s; animation-duration: 5s; } .animation-duration-4 { -webkit-animation-duration: 4s; -o-animation-duration: 4s; animation-duration: 4s; } .animation-duration-3 { -webkit-animation-duration: 3s; -o-animation-duration: 3s; animation-duration: 3s; } .animation-duration-2 { -webkit-animation-duration: 2s; -o-animation-duration: 2s; animation-duration: 2s; } .animation-duration-1 { -webkit-animation-duration: 1s; -o-animation-duration: 1s; animation-duration: 1s; } .animation-delay-100 { -webkit-animation-duration: 0.1s; -o-animation-duration: 0.1s; animation-duration: 0.1s; } .animation-duration-250 { -webkit-animation-duration: 250ms; -o-animation-duration: 250ms; animation-duration: 250ms; } .animation-duration-300 { -webkit-animation-duration: 0.3s; -o-animation-duration: 0.3s; animation-duration: 0.3s; } .animation-duration-500 { -webkit-animation-duration: 0.5s; -o-animation-duration: 0.5s; animation-duration: 0.5s; } .animation-duration-750 { -webkit-animation-duration: 750ms; -o-animation-duration: 750ms; animation-duration: 750ms; } .animation-delay-1000 { -webkit-animation-delay: 1s; -o-animation-delay: 1s; animation-delay: 1s; } .animation-delay-900 { -webkit-animation-delay: 0.9s; -o-animation-delay: 0.9s; animation-delay: 0.9s; } .animation-delay-800 { -webkit-animation-delay: 0.8s; -o-animation-delay: 0.8s; animation-delay: 0.8s; } .animation-delay-700 { -webkit-animation-delay: 0.7s; -o-animation-delay: 0.7s; animation-delay: 0.7s; } .animation-delay-600 { -webkit-animation-delay: 0.6s; -o-animation-delay: 0.6s; animation-delay: 0.6s; } .animation-delay-500 { -webkit-animation-delay: 0.5s; -o-animation-delay: 0.5s; animation-delay: 0.5s; } .animation-delay-400 { -webkit-animation-delay: 0.4s; -o-animation-delay: 0.4s; animation-delay: 0.4s; } .animation-delay-300 { -webkit-animation-delay: 0.3s; -o-animation-delay: 0.3s; animation-delay: 0.3s; } .animation-delay-200 { -webkit-animation-delay: 0.2s; -o-animation-delay: 0.2s; animation-delay: 0.2s; } .animation-delay-100 { -webkit-animation-delay: 0.1s; -o-animation-delay: 0.1s; animation-delay: 0.1s; } .animation-top-left { -webkit-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0; } .animation-top-center { -webkit-transform-origin: 50% 0; -ms-transform-origin: 50% 0; -o-transform-origin: 50% 0; transform-origin: 50% 0; } .animation-top-right { -webkit-transform-origin: 100% 0; -ms-transform-origin: 100% 0; -o-transform-origin: 100% 0; transform-origin: 100% 0; } .animation-middle-left { -webkit-transform-origin: 0 50%; -ms-transform-origin: 0 50%; -o-transform-origin: 0 50%; transform-origin: 0 50%; } .animation-middle-right { -webkit-transform-origin: 100% 50%; -ms-transform-origin: 100% 50%; -o-transform-origin: 100% 50%; transform-origin: 100% 50%; } .animation-bottom-left { -webkit-transform-origin: 0 100%; -ms-transform-origin: 0 100%; -o-transform-origin: 0 100%; transform-origin: 0 100%; } .animation-bottom-center { -webkit-transform-origin: 50% 100%; -ms-transform-origin: 50% 100%; -o-transform-origin: 50% 100%; transform-origin: 50% 100%; } .animation-bottom-right { -webkit-transform-origin: 100% 100%; -ms-transform-origin: 100% 100%; -o-transform-origin: 100% 100%; transform-origin: 100% 100%; } @-webkit-keyframes fade { 0% { opacity: 0; } 100% { opacity: 1; } } @-o-keyframes fade { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes fade { 0% { opacity: 0; } 100% { opacity: 1; } } @-webkit-keyframes scale-12 { 0% { -webkit-transform: scale(1.2); transform: scale(1.2); } 100% { -webkit-transform: scale(1); transform: scale(1); } } @-o-keyframes scale-12 { 0% { -o-transform: scale(1.2); transform: scale(1.2); } 100% { -o-transform: scale(1); transform: scale(1); } } @keyframes scale-12 { 0% { -webkit-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2); } 100% { -webkit-transform: scale(1); -o-transform: scale(1); transform: scale(1); } } @-webkit-keyframes fade-scale-02 { 0% { opacity: 0; -webkit-transform: scale(0.2); transform: scale(0.2); } 100% { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } } @-o-keyframes fade-scale-02 { 0% { opacity: 0; -o-transform: scale(0.2); transform: scale(0.2); } 100% { opacity: 1; -o-transform: scale(1); transform: scale(1); } } @keyframes fade-scale-02 { 0% { opacity: 0; -webkit-transform: scale(0.2); -o-transform: scale(0.2); transform: scale(0.2); } 100% { opacity: 1; -webkit-transform: scale(1); -o-transform: scale(1); transform: scale(1); } } @-webkit-keyframes fade-scale-18 { 0% { opacity: 0; -webkit-transform: scale(1.8); transform: scale(1.8); } 100% { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } } @-o-keyframes fade-scale-18 { 0% { opacity: 0; -o-transform: scale(1.8); transform: scale(1.8); } 100% { opacity: 1; -o-transform: scale(1); transform: scale(1); } } @keyframes fade-scale-18 { 0% { opacity: 0; -webkit-transform: scale(1.8); -o-transform: scale(1.8); transform: scale(1.8); } 100% { opacity: 1; -webkit-transform: scale(1); -o-transform: scale(1); transform: scale(1); } } @-webkit-keyframes slide-top { 0% { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } 100% { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @-o-keyframes slide-top { 0% { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } 100% { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slide-top { 0% { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } 100% { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @-webkit-keyframes slide-bottom { 0% { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } 100% { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @-o-keyframes slide-bottom { 0% { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } 100% { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slide-bottom { 0% { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } 100% { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @-webkit-keyframes slide-left { 0% { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } 100% { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @-o-keyframes slide-left { 0% { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } 100% { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slide-left { 0% { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } 100% { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @-webkit-keyframes slide-right { 0% { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } 100% { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @-o-keyframes slide-right { 0% { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } 100% { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slide-right { 0% { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } 100% { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @-webkit-keyframes shake { 0%, 100% { -webkit-transform: translateX(0); transform: translateX(0); } 10% { -webkit-transform: translateX(-9px); transform: translateX(-9px); } 20% { -webkit-transform: translateX(8px); transform: translateX(8px); } 30% { -webkit-transform: translateX(-7px); transform: translateX(-7px); } 40% { -webkit-transform: translateX(6px); transform: translateX(6px); } 50% { -webkit-transform: translateX(-5px); transform: translateX(-5px); } 60% { -webkit-transform: translateX(4px); transform: translateX(4px); } 70% { -webkit-transform: translateX(-3px); transform: translateX(-3px); } 80% { -webkit-transform: translateX(2px); transform: translateX(2px); } 90% { -webkit-transform: translateX(-1px); transform: translateX(-1px); } } @-o-keyframes shake { 0%, 100% { -o-transform: translateX(0); transform: translateX(0); } 10% { -o-transform: translateX(-9px); transform: translateX(-9px); } 20% { -o-transform: translateX(8px); transform: translateX(8px); } 30% { -o-transform: translateX(-7px); transform: translateX(-7px); } 40% { -o-transform: translateX(6px); transform: translateX(6px); } 50% { -o-transform: translateX(-5px); transform: translateX(-5px); } 60% { -o-transform: translateX(4px); transform: translateX(4px); } 70% { -o-transform: translateX(-3px); transform: translateX(-3px); } 80% { -o-transform: translateX(2px); transform: translateX(2px); } 90% { -o-transform: translateX(-1px); transform: translateX(-1px); } } @keyframes shake { 0%, 100% { -webkit-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } 10% { -webkit-transform: translateX(-9px); -o-transform: translateX(-9px); transform: translateX(-9px); } 20% { -webkit-transform: translateX(8px); -o-transform: translateX(8px); transform: translateX(8px); } 30% { -webkit-transform: translateX(-7px); -o-transform: translateX(-7px); transform: translateX(-7px); } 40% { -webkit-transform: translateX(6px); -o-transform: translateX(6px); transform: translateX(6px); } 50% { -webkit-transform: translateX(-5px); -o-transform: translateX(-5px); transform: translateX(-5px); } 60% { -webkit-transform: translateX(4px); -o-transform: translateX(4px); transform: translateX(4px); } 70% { -webkit-transform: translateX(-3px); -o-transform: translateX(-3px); transform: translateX(-3px); } 80% { -webkit-transform: translateX(2px); -o-transform: translateX(2px); transform: translateX(2px); } 90% { -webkit-transform: translateX(-1px); -o-transform: translateX(-1px); transform: translateX(-1px); } } .bg-red-100 { background-color: #ffeaea !important; } .bg-red-200 { background-color: #fad3d3 !important; } .bg-red-300 { background-color: #fab4b4 !important; } .bg-red-400 { background-color: #fa9898 !important; } .bg-red-500 { background-color: #fa7a7a !important; } .bg-red-600 { background-color: #f96868 !important; } .bg-red-700 { background-color: #e9595b !important; } .bg-red-800 { background-color: #d6494b !important; } .red-100 { color: #ffeaea !important; } .red-200 { color: #fad3d3 !important; } .red-300 { color: #fab4b4 !important; } .red-400 { color: #fa9898 !important; } .red-500 { color: #fa7a7a !important; } .red-600 { color: #f96868 !important; } .red-700 { color: #e9595b !important; } .red-800 { color: #d6494b !important; } .bg-pink-100 { background-color: #fce4ec !important; } .bg-pink-200 { background-color: #ffccde !important; } .bg-pink-300 { background-color: #fba9c6 !important; } .bg-pink-400 { background-color: #fb8db4 !important; } .bg-pink-500 { background-color: #f978a6 !important; } .bg-pink-600 { background-color: #f96197 !important; } .bg-pink-700 { background-color: #f44c87 !important; } .bg-pink-800 { background-color: #e53b75 !important; } .pink-100 { color: #fce4ec !important; } .pink-200 { color: #ffccde !important; } .pink-300 { color: #fba9c6 !important; } .pink-400 { color: #fb8db4 !important; } .pink-500 { color: #f978a6 !important; } .pink-600 { color: #f96197 !important; } .pink-700 { color: #f44c87 !important; } .pink-800 { color: #e53b75 !important; } .bg-purple-100 { background-color: #f6f2ff !important; } .bg-purple-200 { background-color: #e3dbf4 !important; } .bg-purple-300 { background-color: #d2c5ec !important; } .bg-purple-400 { background-color: #bba7e4 !important; } .bg-purple-500 { background-color: #a58add !important; } .bg-purple-600 { background-color: #926dde !important; } .bg-purple-700 { background-color: #7c51d1 !important; } .bg-purple-800 { background-color: #6d45bc !important; } .purple-100 { color: #f6f2ff !important; } .purple-200 { color: #e3dbf4 !important; } .purple-300 { color: #d2c5ec !important; } .purple-400 { color: #bba7e4 !important; } .purple-500 { color: #a58add !important; } .purple-600 { color: #926dde !important; } .purple-700 { color: #7c51d1 !important; } .purple-800 { color: #6d45bc !important; } .bg-indigo-100 { background-color: #edeff9 !important; } .bg-indigo-200 { background-color: #dadef5 !important; } .bg-indigo-300 { background-color: #bcc5f4 !important; } .bg-indigo-400 { background-color: #9daaf3 !important; } .bg-indigo-500 { background-color: #8897ec !important; } .bg-indigo-600 { background-color: #677ae4 !important; } .bg-indigo-700 { background-color: #5166d6 !important; } .bg-indigo-800 { background-color: #465bd4 !important; } .indigo-100 { color: #edeff9 !important; } .indigo-200 { color: #dadef5 !important; } .indigo-300 { color: #bcc5f4 !important; } .indigo-400 { color: #9daaf3 !important; } .indigo-500 { color: #8897ec !important; } .indigo-600 { color: #677ae4 !important; } .indigo-700 { color: #5166d6 !important; } .indigo-800 { color: #465bd4 !important; } .bg-blue-100 { background-color: #e8f1f8 !important; } .bg-blue-200 { background-color: #d5e4f1 !important; } .bg-blue-300 { background-color: #bcd8f1 !important; } .bg-blue-400 { background-color: #a2caee !important; } .bg-blue-500 { background-color: #89bceb !important; } .bg-blue-600 { background-color: #62a8ea !important; } .bg-blue-700 { background-color: #4e97d9 !important; } .bg-blue-800 { background-color: #3583ca !important; } .blue-100 { color: #e8f1f8 !important; } .blue-200 { color: #d5e4f1 !important; } .blue-300 { color: #bcd8f1 !important; } .blue-400 { color: #a2caee !important; } .blue-500 { color: #89bceb !important; } .blue-600 { color: #62a8ea !important; } .blue-700 { color: #4e97d9 !important; } .blue-800 { color: #3583ca !important; } .bg-cyan-100 { background-color: #ecf9fa !important; } .bg-cyan-200 { background-color: #d3eff2 !important; } .bg-cyan-300 { background-color: #baeaef !important; } .bg-cyan-400 { background-color: #9ae1e9 !important; } .bg-cyan-500 { background-color: #77d6e1 !important; } .bg-cyan-600 { background-color: #57c7d4 !important; } .bg-cyan-700 { background-color: #47b8c6 !important; } .bg-cyan-800 { background-color: #37a9b7 !important; } .cyan-100 { color: #ecf9fa !important; } .cyan-200 { color: #d3eff2 !important; } .cyan-300 { color: #baeaef !important; } .cyan-400 { color: #9ae1e9 !important; } .cyan-500 { color: #77d6e1 !important; } .cyan-600 { color: #57c7d4 !important; } .cyan-700 { color: #47b8c6 !important; } .cyan-800 { color: #37a9b7 !important; } .bg-teal-100 { background-color: #ecfdfc !important; } .bg-teal-200 { background-color: #cdf4f1 !important; } .bg-teal-300 { background-color: #99e1da !important; } .bg-teal-400 { background-color: #79d1c9 !important; } .bg-teal-500 { background-color: #56bfb5 !important; } .bg-teal-600 { background-color: #3aa99e !important; } .bg-teal-700 { background-color: #269b8f !important; } .bg-teal-800 { background-color: #178d81 !important; } .teal-100 { color: #ecfdfc !important; } .teal-200 { color: #cdf4f1 !important; } .teal-300 { color: #99e1da !important; } .teal-400 { color: #79d1c9 !important; } .teal-500 { color: #56bfb5 !important; } .teal-600 { color: #3aa99e !important; } .teal-700 { color: #269b8f !important; } .teal-800 { color: #178d81 !important; } .bg-green-100 { background-color: #e7faf2 !important; } .bg-green-200 { background-color: #bfedd8 !important; } .bg-green-300 { background-color: #9fe5c5 !important; } .bg-green-400 { background-color: #7dd3ae !important; } .bg-green-500 { background-color: #5cd29d !important; } .bg-green-600 { background-color: #46be8a !important; } .bg-green-700 { background-color: #36ab7a !important; } .bg-green-800 { background-color: #279566 !important; } .green-100 { color: #e7faf2 !important; } .green-200 { color: #bfedd8 !important; } .green-300 { color: #9fe5c5 !important; } .green-400 { color: #7dd3ae !important; } .green-500 { color: #5cd29d !important; } .green-600 { color: #46be8a !important; } .green-700 { color: #36ab7a !important; } .green-800 { color: #279566 !important; } .bg-light-green-100 { background-color: #f1f7ea !important; } .bg-light-green-200 { background-color: #e0ecd1 !important; } .bg-light-green-300 { background-color: #cadfb1 !important; } .bg-light-green-400 { background-color: #bad896 !important; } .bg-light-green-500 { background-color: #acd57c !important; } .bg-light-green-600 { background-color: #9ece67 !important; } .bg-light-green-700 { background-color: #83b944 !important; } .bg-light-green-800 { background-color: #70a532 !important; } .light-green-100 { color: #f1f7ea !important; } .light-green-200 { color: #e0ecd1 !important; } .light-green-300 { color: #cadfb1 !important; } .light-green-400 { color: #bad896 !important; } .light-green-500 { color: #acd57c !important; } .light-green-600 { color: #9ece67 !important; } .light-green-700 { color: #83b944 !important; } .light-green-800 { color: #70a532 !important; } .bg-yellow-100 { background-color: #fffae7 !important; } .bg-yellow-200 { background-color: #f9eec1 !important; } .bg-yellow-300 { background-color: #f6e7a9 !important; } .bg-yellow-400 { background-color: #f8e59b !important; } .bg-yellow-500 { background-color: #f7e083 !important; } .bg-yellow-600 { background-color: #f7da64 !important; } .bg-yellow-700 { background-color: #f9cd48 !important; } .bg-yellow-800 { background-color: #fbc02d !important; } .yellow-100 { color: #fffae7 !important; } .yellow-200 { color: #f9eec1 !important; } .yellow-300 { color: #f6e7a9 !important; } .yellow-400 { color: #f8e59b !important; } .yellow-500 { color: #f7e083 !important; } .yellow-600 { color: #f7da64 !important; } .yellow-700 { color: #f9cd48 !important; } .yellow-800 { color: #fbc02d !important; } .bg-orange-100 { background-color: #fff3e6 !important; } .bg-orange-200 { background-color: #ffddb9 !important; } .bg-orange-300 { background-color: #fbce9d !important; } .bg-orange-400 { background-color: #f6be80 !important; } .bg-orange-500 { background-color: #f4b066 !important; } .bg-orange-600 { background-color: #f2a654 !important; } .bg-orange-700 { background-color: #ec9940 !important; } .bg-orange-800 { background-color: #e98f2e !important; } .orange-100 { color: #fff3e6 !important; } .orange-200 { color: #ffddb9 !important; } .orange-300 { color: #fbce9d !important; } .orange-400 { color: #f6be80 !important; } .orange-500 { color: #f4b066 !important; } .orange-600 { color: #f2a654 !important; } .orange-700 { color: #ec9940 !important; } .orange-800 { color: #e98f2e !important; } .bg-brown-100 { background-color: #fae6df !important; } .bg-brown-200 { background-color: #e2bdaf !important; } .bg-brown-300 { background-color: #d3aa9c !important; } .bg-brown-400 { background-color: #b98e7e !important; } .bg-brown-500 { background-color: #a17768 !important; } .bg-brown-600 { background-color: #8d6658 !important; } .bg-brown-700 { background-color: #7d5b4f !important; } .bg-brown-800 { background-color: #715146 !important; } .brown-100 { color: #fae6df !important; } .brown-200 { color: #e2bdaf !important; } .brown-300 { color: #d3aa9c !important; } .brown-400 { color: #b98e7e !important; } .brown-500 { color: #a17768 !important; } .brown-600 { color: #8d6658 !important; } .brown-700 { color: #7d5b4f !important; } .brown-800 { color: #715146 !important; } .bg-grey-100 { background-color: #fafafa !important; } .bg-grey-200 { background-color: #eee !important; } .bg-grey-300 { background-color: #e0e0e0 !important; } .bg-grey-400 { background-color: #bdbdbd !important; } .bg-grey-500 { background-color: #9e9e9e !important; } .bg-grey-600 { background-color: #757575 !important; } .bg-grey-700 { background-color: #616161 !important; } .bg-grey-800 { background-color: #424242 !important; } .grey-100 { color: #fafafa !important; } .grey-200 { color: #eee !important; } .grey-300 { color: #e0e0e0 !important; } .grey-400 { color: #bdbdbd !important; } .grey-500 { color: #9e9e9e !important; } .grey-600 { color: #757575 !important; } .grey-700 { color: #616161 !important; } .grey-800 { color: #424242 !important; } .bg-blue-grey-100 { background-color: #f3f7f9 !important; } .bg-blue-grey-200 { background-color: #e4eaec !important; } .bg-blue-grey-300 { background-color: #ccd5db !important; } .bg-blue-grey-400 { background-color: #a3afb7 !important; } .bg-blue-grey-500 { background-color: #76838f !important; } .bg-blue-grey-600 { background-color: #526069 !important; } .bg-blue-grey-700 { background-color: #37474f !important; } .bg-blue-grey-800 { background-color: #263238 !important; } .blue-grey-100 { color: #f3f7f9 !important; } .blue-grey-200 { color: #e4eaec !important; } .blue-grey-300 { color: #ccd5db !important; } .blue-grey-400 { color: #a3afb7 !important; } .blue-grey-500 { color: #76838f !important; } .blue-grey-600 { color: #526069 !important; } .blue-grey-700 { color: #37474f !important; } .blue-grey-800 { color: #263238 !important; } .bg-primary-100 { background-color: #e8f1f8 !important; } .bg-primary-200 { background-color: #d5e4f1 !important; } .bg-primary-300 { background-color: #bcd8f1 !important; } .bg-primary-400 { background-color: #a2caee !important; } .bg-primary-500 { background-color: #89bceb !important; } .bg-primary-600 { background-color: #62a8ea !important; } .bg-primary-700 { background-color: #4e97d9 !important; } .bg-primary-800 { background-color: #3583ca !important; } .primary-100 { color: #e8f1f8 !important; } .primary-200 { color: #d5e4f1 !important; } .primary-300 { color: #bcd8f1 !important; } .primary-400 { color: #a2caee !important; } .primary-500 { color: #89bceb !important; } .primary-600 { color: #62a8ea !important; } .primary-700 { color: #4e97d9 !important; } .primary-800 { color: #3583ca !important; } .black { color: #000 !important; } .white { color: #fff !important; } .bg-white { color: #76838f; background-color: #fff; } .bg-primary { color: #fff; background-color: #62a8ea; } .bg-primary:hover { background-color: #8fc1f0; } .bg-primary a, .bg-primary a.bg-primary { color: #fff; } .bg-primary a.bg-primary:hover, .bg-primary a:hover { color: #fff; } .bg-success { color: #fff; background-color: #46be8a; } .bg-success:hover { background-color: #6ccba2; } .bg-success a, .bg-success a.bg-primary { color: #fff; } .bg-success a.bg-primary:hover, .bg-success a:hover { color: #fff; } .bg-info { color: #fff; background-color: #57c7d4; } .bg-info:hover { background-color: #80d5de; } .bg-info a, .bg-info a.bg-info { color: #fff; } .bg-info a.bg-info:hover, .bg-info a:hover { color: #fff; } .bg-warning { color: #fff; background-color: #f2a654; } .bg-warning:hover { background-color: #f6bf83; } .bg-warning a, .bg-warning a.bg-warning { color: #fff; } .bg-warning a.bg-warning:hover, .bg-warning a:hover { color: #fff; } .bg-danger { color: #fff; background-color: #f96868; } .bg-danger:hover { background-color: #fb9999; } .bg-danger a, .bg-danger a.bg-danger { color: #fff; } .bg-danger a.bg-danger:hover, .bg-danger a:hover { color: #fff; } .bg-dark { color: #fff; background-color: #526069; } .bg-dark:hover { background-color: #687a86; } .bg-dark a, .bg-dark a.bg-dark { color: #fff; } .bg-dark a.bg-dark:hover, .bg-dark a:hover { color: #fff; } .blocks, [class*="blocks-"] { font-size: 0; list-style: none; padding: 0; margin: 0; margin-left: -0.9375rem; margin-right: -0.9375rem; } .blocks > .block, [class*="blocks-"] > .block, [class*="blocks-"] > li { display: inline-block; font-size: 1rem; vertical-align: top; margin-bottom: 1.875rem; padding-left: 0.9375rem; padding-right: 0.9375rem; } .blocks.no-space, [class*="blocks-"].no-space { margin: 0; } .blocks.no-space > .block, .blocks.no-space > li, [class*="blocks-"].no-space > .block, [class*="blocks-"].no-space > li { padding: 0; margin: 0; } .blocks-100 > .block, .blocks-100 > li { width: 100%; } .blocks-2 > .block, .blocks-2 > li { width: 50%; } .blocks-3 > .block, .blocks-3 > li { width: 33.333333%; } .blocks-4 > .block, .blocks-4 > li { width: 25%; } .blocks-5 > .block, .blocks-5 > li { width: 20%; } .blocks-6 > .block, .blocks-6 > li { width: 16.666667%; } .blocks-xs-100 > .block, .blocks-xs-100 > li { width: 100%; } .blocks-xs-2 > .block, .blocks-xs-2 > li { width: 50%; } .blocks-xs-3 > .block, .blocks-xs-3 > li { width: 33.333333%; } .blocks-xs-4 > .block, .blocks-xs-4 > li { width: 25%; } .blocks-xs-5 > .block, .blocks-xs-5 > li { width: 20%; } .blocks-xs-6 > .block, .blocks-xs-6 > li { width: 16.666667%; } @media (min-width: 480px) { .blocks-sm-100 > .block, .blocks-sm-100 > li { width: 100%; } .blocks-sm-2 > .block, .blocks-sm-2 > li { width: 50%; } .blocks-sm-3 > .block, .blocks-sm-3 > li { width: 33.333333%; } .blocks-sm-4 > .block, .blocks-sm-4 > li { width: 25%; } .blocks-sm-5 > .block, .blocks-sm-5 > li { width: 20%; } .blocks-sm-6 > .block, .blocks-sm-6 > li { width: 16.666667%; } } @media (min-width: 768px) { .blocks-md-100 > .block, .blocks-md-100 > li { width: 100%; } .blocks-md-2 > .block, .blocks-md-2 > li { width: 50%; } .blocks-md-3 > .block, .blocks-md-3 > li { width: 33.333333%; } .blocks-md-4 > .block, .blocks-md-4 > li { width: 25%; } .blocks-md-5 > .block, .blocks-md-5 > li { width: 20%; } .blocks-md-6 > .block, .blocks-md-6 > li { width: 16.666667%; } } @media (min-width: 992px) { .blocks-lg-100 > .block, .blocks-lg-100 > li { width: 100%; } .blocks-lg-2 > .block, .blocks-lg-2 > li { width: 50%; } .blocks-lg-3 > .block, .blocks-lg-3 > li { width: 33.333333%; } .blocks-lg-4 > .block, .blocks-lg-4 > li { width: 25%; } .blocks-lg-5 > .block, .blocks-lg-5 > li { width: 20%; } .blocks-lg-6 > .block, .blocks-lg-6 > li { width: 16.666667%; } } @media (min-width: 1200px) { .blocks-xl-100 > .block, .blocks-xl-100 > li { width: 100%; } .blocks-xl-2 > .block, .blocks-xl-2 > li { width: 50%; } .blocks-xl-3 > .block, .blocks-xl-3 > li { width: 33.333333%; } .blocks-xl-4 > .block, .blocks-xl-4 > li { width: 25%; } .blocks-xl-5 > .block, .blocks-xl-5 > li { width: 20%; } .blocks-xl-6 > .block, .blocks-xl-6 > li { width: 16.666667%; } } @media (min-width: 1600px) { .blocks-xxl-100 > .block, .blocks-xxl-100 > li { width: 100%; } .blocks-xxl-2 > .block, .blocks-xxl-2 > li { width: 50%; } .blocks-xxl-3 > .block, .blocks-xxl-3 > li { width: 33.333333%; } .blocks-xxl-4 > .block, .blocks-xxl-4 > li { width: 25%; } .blocks-xxl-5 > .block, .blocks-xxl-5 > li { width: 20%; } .blocks-xxl-6 > .block, .blocks-xxl-6 > li { width: 16.666667%; } } .avatar { position: relative; display: inline-block; width: 40px; white-space: nowrap; border-radius: 1000px; vertical-align: bottom; } .avatar i { position: absolute; right: 0; bottom: 0; width: 10px; height: 10px; border: 2px solid #fff; border-radius: 100%; } .avatar img { width: 100%; max-width: 100%; height: auto; border: 0 none; border-radius: 1000px; } .avatar-online i { background-color: #46be8a; } .avatar-100 { width: 100px; } .avatar-100 i { height: 20px; width: 20px; } .avatar-lg { width: 50px; } .avatar-lg i { height: 12px; width: 12px; } .avatar-sm { width: 30px; } .avatar-sm i { height: 8px; width: 8px; } .avatar-xs { width: 20px; } .avatar-xs i { height: 7px; width: 7px; } .icon { position: relative; display: inline-block; font-style: normal; font-weight: 400; text-rendering: auto; speak: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); line-height: 1; } .icon.pull-xs-left { margin-right: 0.3em; } .icon.pull-xs-right { margin-left: 0.3em; } .icon-circle { position: relative; margin: 0.5em; } .icon-circle:before { position: relative; z-index: 1; } .icon-circle:after { position: absolute; top: 50%; left: 50%; z-index: 0; content: ""; width: 2em; height: 2em; background-color: inherit; border-radius: 100%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .icon-lg { font-size: 1.333333em; vertical-align: -15%; } .icon-2x { font-size: 2em; } .icon-spin { -webkit-animation: icon-spin 2s infinite linear; -o-animation: icon-spin 2s infinite linear; animation: icon-spin 2s infinite linear; } @-webkit-keyframes icon-spin { 0% { -webkit-transform: rotate(0); transform: rotate(0); } 100% { -webkit-transform: rotate(359deg); transform: rotate(359deg); } } @-o-keyframes icon-spin { 0% { -webkit-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0); } 100% { -webkit-transform: rotate(359deg); -o-transform: rotate(359deg); transform: rotate(359deg); } } @keyframes icon-spin { 0% { -webkit-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0); } 100% { -webkit-transform: rotate(359deg); -o-transform: rotate(359deg); transform: rotate(359deg); } } .hamburger { vertical-align: middle; font-size: 17px; } .hamburger, .hamburger .hamburger-bar, .hamburger:after, .hamburger:before { -webkit-transition: -webkit-transform 0.2s ease-in-out; -o-transition: -o-transform 0.2s ease-in-out; transition: transform 0.2s ease-in-out; } .hamburger:after, .hamburger:before { content: ""; } .hamburger .hamburger-bar, .hamburger:after, .hamburger:before { display: block; width: 1em; height: 0.1em; margin: 0; border-radius: 1px; background: #76838f; } .navsbar-default .hamburger .hamburger-bar, .navsbar-default .hamburger:after, .navsbar-default .hamburger:before { background: #76838f; } .navsbar-inverse .hamburger .hamburger-bar, .navsbar-inverse .hamburger:after, .navsbar-inverse .hamburger:before { background: #fff; } .hamburger .hamburger-bar { margin: 0.2em 0; } .hamburger-close:before { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); -webkit-transform-origin: 8%; -ms-transform-origin: 8%; -o-transform-origin: 8%; transform-origin: 8%; } .hamburger-close .hamburger-bar { opacity: 0; } .hamburger-close:after { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transform-origin: 8%; -ms-transform-origin: 8%; -o-transform-origin: 8%; transform-origin: 8%; } .hamburger-close.collapsed:before, .hamburger-close.hided:before { -webkit-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0); } .hamburger-close.collapsed .hamburger-bar, .hamburger-close.hided .hamburger-bar { opacity: 1; } .hamburger-close.collapsed:after, .hamburger-close.hided:after { -webkit-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0); } .hamburger-arrow-left.collapsed { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } .hamburger-arrow-left.collapsed:before { width: 0.6em; -webkit-transform: translate3d(0.45em, 0.1em, 0) rotate(45deg); transform: translate3d(0.45em, 0.1em, 0) rotate(45deg); } .hamburger-arrow-left.collapsed .hamburger-bar { border-radius: 0.2em; } .hamburger-arrow-left.collapsed:after { width: 0.6em; -webkit-transform: translate3d(0.45em, -0.1em, 0) rotate(-45deg); transform: translate3d(0.45em, -0.1em, 0) rotate(-45deg); } .counter-label { display: block; } .counter-icon { font-size: 20px; } .panel { position: relative; margin-bottom: 1.875rem; background-color: #fff; border: 0 solid transparent; border-radius: 0.286rem; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); } .panel-content > .row { padding-left: 30px; padding-right: 30px; } .panel-content > .row > [class*="col-"] { padding-left: 30px; padding-right: 30px; } .panel-heading { position: relative; padding: 0; border-bottom: 1px solid transparent; border-top-right-radius: 0.214rem; border-top-left-radius: 0.214rem; } .panel-heading + .alert { border-radius: 0; } .panel-heading > .navs-tabs { border-bottom: none; } .panel-heading + .navs-tabs { margin-top: -0.715rem; } .panel-heading > .dropdown .dropdown-toggle { color: inherit; } .panel-body { position: relative; padding: 30px 30px; } .panel-body::after { content: ""; display: table; clear: both; } .panel-heading + .panel-body { padding-top: 0; } .panel-body .h1:first-child, .panel-body .h2:first-child, .panel-body .h3:first-child, .panel-body .h4:first-child, .panel-body .h5:first-child, .panel-body .h6:first-child, .panel-body h1:first-child, .panel-body h2:first-child, .panel-body h3:first-child, .panel-body h4:first-child, .panel-body h5:first-child, .panel-body h6:first-child { margin-top: 0; } .panel-body > :last-child { margin-bottom: 0; } .panel-body > .list-group-dividered:only-child > .list-group-item:last-child { border-bottom-color: transparent; } .panel-footer { padding: 0 30px 15px; border-top: 1px solid transparent; background-color: transparent; border-bottom-right-radius: 0.214rem; border-bottom-left-radius: 0.214rem; } .table + .panel-footer { padding-top: 15px; border-color: #e4eaec; } .panel-title { display: block; margin-top: 0; margin-bottom: 0; padding: 20px 30px; font-size: 18px; color: #37474f; } .panel-title > .icon { margin-right: 10px; } .panel-title > .tag { margin-left: 10px; } .panel-title .small, .panel-title small { color: #76838f; } .panel-title > .small > a, .panel-title > a, .panel-title > small > a { color: inherit; } .panel > .navs-tabs-vertical .navs-tabs { margin-left: -1px; } .panel > .navs-tabs-vertical .navs-tabs > li > a { border-left: none; border-radius: 0; } .panel > .navs-tabs-vertical .navs-tabs.navs-tabs-reverse { margin-right: -1px; } .panel > .navs-tabs-vertical .navs-tabs.navs-tabs-reverse > li > a { border-right: none; border-radius: 0; } .panel > .alert { padding-left: 30px; padding-right: 30px; } .panel > .alert-dismissible { padding-right: 50px; } @media (max-width: 479px) { .panel > .alert { padding-left: 20px; padding-right: 20px; } .panel > .alert-dismissible { padding-right: 40px; } } .cover { overflow: hidden; } .cover-image { width: 100%; border: 1px double #cccccc; } .overlay { position: relative; display: inline-block; width: 100%; max-width: 100%; margin: 0; overflow: hidden; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); } .overlay-figure { width: 100%; max-width: 100%; margin-bottom: 0; } .overlay-panel { position: absolute; top: 0; right: 0; bottom: 0; left: 0; padding: 20px; color: #fff; } .overlay-panel a:not([class]) { color: inherit; text-decoration: underline; } .overlay-panel > :last-child { margin-bottom: 0; } .overlay-panel h1, .overlay-panel h2, .overlay-panel h3, .overlay-panel h4, .overlay-panel h5, .overlay-panel h6 { color: inherit; } .overlay-hover:not(:hover) .overlay-panel:not(.overlay-background-fixed) { opacity: 0; } .overlay-background { background: rgba(0, 0, 0, 0.5); } .overlay-image { width: 100%; max-width: 100%; padding: 0; } .overlay-top { bottom: auto; } .overlay-bottom { top: auto; } .overlay-left { right: auto; } .overlay-right { left: auto; } .overlay-icon { font-size: 0; text-align: center; } .overlay-icon:before { display: inline-block; height: 100%; vertical-align: middle; content: ""; } .overlay-icon .icon { display: inline-block; width: 2rem; height: 2rem; margin-right: 10px; margin-left: 10px; font-size: 2rem; line-height: 1; color: #fff; text-decoration: none; } .overlay-blur, .overlay-fade, .overlay-grayscale, .overlay-scale, .overlay-spin, [class*="overlay-slide"] { -webkit-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; transition-timing-function: ease-out; -webkit-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: opacity -webkit-transform -webkit-filter, opacity -webkit-transform filter; -o-transition-property: opacity -o-transform filter; transition-property: opacity transform filter; } .overlay-fade { opacity: 0.7; } .overlay-hover:hover .overlay-fade { opacity: 1; } .overlay-scale { -webkit-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } .overlay-hover:hover .overlay-scale { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); } .overlay-spin { -webkit-transform: scale(1) rotate(0); -ms-transform: scale(1) rotate(0); -o-transform: scale(1) rotate(0); transform: scale(1) rotate(0); } .overlay-hover:hover .overlay-spin { -webkit-transform: scale(1.1) rotate(3deg); -ms-transform: scale(1.1) rotate(3deg); -o-transform: scale(1.1) rotate(3deg); transform: scale(1.1) rotate(3deg); } .overlay-grayscale { filter: grayscale(100%); -webkit-filter: grayscale(100%); } .overlay-hover:hover .overlay-grayscale { filter: grayscale(0); -webkit-filter: grayscale(0); } [class*="overlay-slide"] { opacity: 0; } .overlay-slide-top { -webkit-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); transform: translateY(-100%); } .overlay-slide-bottom { -webkit-transform: translateY(100%); -ms-transform: translateY(100%); -o-transform: translateY(100%); transform: translateY(100%); } .overlay-slide-left { -webkit-transform: translateX(-100%); -ms-transform: translateX(-100%); -o-transform: translateX(-100%); transform: translateX(-100%); } .overlay-slide-right { -webkit-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); transform: translateX(100%); } .overlay-hover:hover [class*="overlay-slide"] { opacity: 1; -webkit-transform: translateX(0) translateY(0); -ms-transform: translateX(0) translateY(0); -o-transform: translateX(0) translateY(0); transform: translateX(0) translateY(0); } .comments { padding: 0; margin: 0; } .comments .comment { border: none; border-bottom: 1px solid #e4eaec; } .comments .comment .comment:first-child { border-top: 1px solid #e4eaec; } .comments .comment .comment:last-child { border-bottom: none; } .comment { padding: 20px 0; margin: 0; } .comment .comment { margin-top: 20px; padding-bottom: 20px; } .comment .comment:last-child { padding-bottom: 0; } .comment-author, .comment-author:focus, .comment-author:hover { color: #37474f; } .comment-meta { margin-left: 5px; display: inline-block; font-size: 0.858rem; color: #a3afb7; } .comment-content { margin-top: 5px; } .comment-content p { margin-bottom: 10px; } .pearls { display: block; margin: 0 0 22px; } .pearl { position: relative; padding: 0; margin: 0; text-align: center; } .pearl:after, .pearl:before { position: absolute; top: 18px; z-index: 0; width: 50%; height: 4px; content: ""; background-color: #f3f7f9; } .pearl:before { left: 0; } .pearl:after { right: 0; } .pearl:first-child:before, .pearl:last-child:after { display: none !important; } .pearl-icon { position: relative; z-index: 1; display: inline-block; width: 36px; height: 36px; line-height: 32px; color: #fff; text-align: center; background: #ccd5db; border-radius: 50%; border: 2px solid #ccd5db; } .pearl-icon { font-size: 18px; } .pearl-title { margin-top: 0.5em; display: block; font-size: 16px; color: #526069; margin-bottom: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .pearl.current:after, .pearl.current:before { background-color: #62a8ea; } .pearl.current .pearl-icon { color: #62a8ea; background-color: #fff; border-color: #62a8ea; -webkit-transform: scale(1.3); -ms-transform: scale(1.3); -o-transform: scale(1.3); transform: scale(1.3); } .pearl.disabled { pointer-events: none; cursor: auto; } .pearl.disabled:after, .pearl.disabled:before { background-color: #f3f7f9; } .pearl.disabled .pearl-icon { color: #fff; background-color: #ccd5db; border-color: #ccd5db; } .pearl.error:before { background-color: #62a8ea; } .pearl.error:after { background-color: #f3f7f9; } .pearl.error .pearl-icon { color: #f96868; background-color: #fff; border-color: #f96868; } .pearl.done:after, .pearl.done:before { background-color: #62a8ea; } .pearl.done .pearl-icon { color: #fff; background-color: #62a8ea; border-color: #62a8ea; } .pricing-list { margin-bottom: 22px; text-align: center; border: 1px solid #e4eaec; border-radius: 0.215rem; } .pricing-list [class*="bg-"], .pricing-list [class*="bg-"] *, .pricing-list [class^="bg-"], .pricing-list [class^="bg-"] * { color: #fff; } .pricing-list .pricing-header { border-bottom: 1px solid #e4eaec; border-radius: 0.215rem 0.215rem 0 0; } .pricing-list .pricing-title { padding: 15px 30px; font-size: 1rem; font-weight: 700; text-transform: uppercase; letter-spacing: 2px; border-radius: 0.215rem 0.215rem 0 0; } .pricing-list .pricing-price { padding: 20px 30px; margin: 0; font-size: 3.858rem; font-weight: 700; color: #37474f; } .pricing-list .pricing-period { font-size: 1rem; font-weight: 400; } .pricing-list .pricing-features { padding: 0 18px; margin: 0; } .pricing-list .pricing-features li { display: block; padding: 15px; list-style: none; border-top: 1px dashed #e4eaec; } .pricing-list .pricing-features li:first-child { border-top: none; } .pricing-list .pricing-footer { padding: 30px; border-radius: 0 0 0.215rem 0.215rem; } .example-wrap { margin-bottom: 80px; } .example-wrap .example-wrap { margin-bottom: 0; } .example { margin-top: 20px; margin-bottom: 20px; } .example:before { content: ""; display: table; } .example::after { content: ""; display: table; clear: both; } .example-title { text-transform: uppercase; } h4.example-title { font-size: 14px; } h3.example-title { font-size: 18px; } .panel-body > .example-wrap:last-child { margin-bottom: 0; } .panel-body > .row:last-child > [class*="col-"]:last-child .example-wrap:last-child { margin-bottom: 0; } .example-well { position: relative; margin-bottom: 30px; background-color: #f3f7f9; } .example-well .center { position: absolute; display: inline-block; top: 50%; left: 50%; max-width: 100%; max-height: 100%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .well { min-height: 20px; padding: 20px; margin-bottom: 20px; border: 1px solid #e4eaec; background-color: #f3f7f9; -webkit-box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.02); -moz-box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.02); -o-box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.02); -ms-box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.02); box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.02); -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; } @font-face { font-family: "Web Icons"; font-weight: 400; font-style: normal; src: url(/template/default/fonts/web-icons/web-icons.eot?v=0.2.3); src: url(/template/default/fonts/web-icons/web-icons.eot#iefix&v=0.2.3) format("embedded-opentype"), url(/template/default/fonts/web-icons/web-icons.woff2?v=0.2.3) format("woff2"), url(/template/default/fonts/web-icons/web-icons.woff?v=0.2.3) format("woff"), url(/template/default/fonts/web-icons/web-icons.ttf?v=0.2.3) format("truetype"), url(/template/default/fonts/web-icons/web-icons.svg?v=0.2.3#web-icons) format("svg"); } [class*=" wb-"], [class^="wb-"] { font-family: "Web Icons"; font-weight: 400; font-style: normal; position: relative; display: inline-block; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); text-rendering: auto; speak: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .wb-dashboard:before { content: ""; } .wb-inbox:before { content: "ï„‚"; } .wb-cloud:before { content: ""; } .wb-bell:before { content: "ï„„"; } .wb-book:before { content: "ï„…"; } .wb-bookmark:before { content: ""; } .wb-tag:before { content: ""; } .wb-library:before { content: ""; } .wb-share:before { content: ""; } .wb-reply:before { content: "ï„Š"; } .wb-refresh:before { content: "ï„‹"; } .wb-move:before { content: "ï„Œ"; } .wb-chat:before { content: ""; } .wb-chat-working:before { content: "ï„Ž"; } .wb-chat-text:before { content: ""; } .wb-chat-group:before { content: ""; } .wb-envelope:before { content: "ï„‘"; } .wb-envelope-open:before { content: "ï„’"; } .wb-user:before { content: "ï„“"; } .wb-user-circle:before { content: "ï„”"; } .wb-users:before { content: "ï„•"; } .wb-user-add:before { content: "ï„–"; } .wb-grid-9:before { content: "ï„—"; } .wb-grid-4:before { content: ""; } .wb-menu:before { content: "ï„™"; } .wb-layout:before { content: "ï„š"; } .wb-fullscreen:before { content: "ï„›"; } .wb-fullscreen-exit:before { content: "ï„œ"; } .wb-expand:before { content: ""; } .wb-contract:before { content: "ï„ž"; } .wb-arrow-expand:before { content: "ï„Ÿ"; } .wb-arrow-shrink:before { content: "ï„ "; } .wb-desktop:before { content: "ï„¡"; } .wb-mobile:before { content: "ï„¢"; } .wb-signal:before { content: "ï„£"; } .wb-power:before { content: ""; } .wb-more-horizontal:before { content: "ï„¥"; } .wb-more-vertical:before { content: ""; } .wb-globe:before { content: ""; } .wb-map:before { content: ""; } .wb-flag:before { content: "ï„©"; } .wb-pie-chart:before { content: ""; } .wb-stats-bars:before { content: "ï„«"; } .wb-pluse:before { content: ""; } .wb-home:before { content: "ï„­"; } .wb-shopping-cart:before { content: "ï„®"; } .wb-payment:before { content: ""; } .wb-briefcase:before { content: "ï„°"; } .wb-search:before { content: ""; } .wb-zoom-in:before { content: ""; } .wb-zoom-out:before { content: ""; } .wb-download:before { content: "ï„´"; } .wb-upload:before { content: ""; } .wb-sort-asc:before { content: ""; } .wb-sort-des:before { content: "ï„·"; } .wb-graph-up:before { content: ""; } .wb-graph-down:before { content: ""; } .wb-replay:before { content: ""; } .wb-edit:before { content: "ï„»"; } .wb-pencil:before { content: ""; } .wb-rubber:before { content: ""; } .wb-crop:before { content: ""; } .wb-eye:before { content: "ï„¿"; } .wb-eye-close:before { content: "ï…€"; } .wb-image:before { content: ""; } .wb-gallery:before { content: "ï…‚"; } .wb-video:before { content: "ï…ƒ"; } .wb-camera:before { content: "ï…„"; } .wb-folder:before { content: "ï……"; } .wb-clipboard:before { content: "ï…†"; } .wb-order:before { content: "ï…‡"; } .wb-file:before { content: "ï…ˆ"; } .wb-copy:before { content: "ï…‰"; } .wb-add-file:before { content: "ï…Š"; } .wb-print:before { content: "ï…‹"; } .wb-calendar:before { content: "ï…Œ"; } .wb-time:before { content: ""; } .wb-trash:before { content: "ï…Ž"; } .wb-plugin:before { content: ""; } .wb-extension:before { content: ""; } .wb-memory:before { content: "ï…‘"; } .wb-settings:before { content: "ï…’"; } .wb-scissor:before { content: "ï…“"; } .wb-wrench:before { content: "ï…”"; } .wb-hammer:before { content: "ï…•"; } .wb-lock:before { content: "ï…–"; } .wb-unlock:before { content: "ï…—"; } .wb-volume-low:before { content: "ï…˜"; } .wb-volume-high:before { content: "ï…™"; } .wb-volume-off:before { content: "ï…š"; } .wb-pause:before { content: "ï…›"; } .wb-play:before { content: "ï…œ"; } .wb-stop:before { content: ""; } .wb-musical:before { content: "ï…ž"; } .wb-random:before { content: "ï…Ÿ"; } .wb-reload:before { content: "ï… "; } .wb-loop:before { content: "ï…¡"; } .wb-text:before { content: "ï…¢"; } .wb-bold:before { content: "ï…£"; } .wb-italic:before { content: "ï…¤"; } .wb-underline:before { content: "ï…¥"; } .wb-format-clear:before { content: "ï…¦"; } .wb-text-type:before { content: "ï…§"; } .wb-table:before { content: "ï…¨"; } .wb-attach-file:before { content: "ï…©"; } .wb-paperclip:before { content: "ï…ª"; } .wb-link-intact:before { content: "ï…«"; } .wb-link:before { content: "ï…¬"; } .wb-link-broken:before { content: "ï…­"; } .wb-indent-increase:before { content: "ï…®"; } .wb-indent-decrease:before { content: "ï…¯"; } .wb-align-justify:before { content: "ï…°"; } .wb-align-left:before { content: "ï…±"; } .wb-align-center:before { content: "ï…²"; } .wb-align-right:before { content: "ï…³"; } .wb-list-numbered:before { content: "ï…´"; } .wb-list-bulleted:before { content: "ï…µ"; } .wb-list:before { content: "ï…¶"; } .wb-emoticon:before { content: "ï…·"; } .wb-quote-right:before { content: "ï…¸"; } .wb-code:before { content: "ï…¹"; } .wb-code-working:before { content: "ï…º"; } .wb-code-unfold:before { content: "ï…»"; } .wb-chevron-right:before { content: "ï…¼"; } .wb-chevron-left:before { content: "ï…½"; } .wb-chevron-left-mini:before { content: "ï…¾"; } .wb-chevron-right-mini:before { content: "ï…¿"; } .wb-chevron-up:before { content: ""; } .wb-chevron-down:before { content: ""; } .wb-chevron-up-mini:before { content: ""; } .wb-chevron-down-mini:before { content: ""; } .wb-arrow-left:before { content: ""; } .wb-arrow-right:before { content: ""; } .wb-arrow-up:before { content: ""; } .wb-arrow-down:before { content: ""; } .wb-dropdown:before { content: ""; } .wb-dropup:before { content: ""; } .wb-dropright:before { content: ""; } .wb-dropleft:before { content: ""; } .wb-sort-vertical:before { content: ""; } .wb-triangle-left:before { content: ""; } .wb-triangle-right:before { content: ""; } .wb-triangle-down:before { content: ""; } .wb-triangle-up:before { content: ""; } .wb-check-circle:before { content: ""; } .wb-check:before { content: ""; } .wb-check-mini:before { content: ""; } .wb-close:before { content: ""; } .wb-close-mini:before { content: ""; } .wb-plus-circle:before { content: ""; } .wb-plus:before { content: ""; } .wb-minus-circle:before { content: ""; } .wb-minus:before { content: ""; } .wb-alert-circle:before { content: ""; } .wb-alert:before { content: ""; } .wb-help-circle:before { content: ""; } .wb-help:before { content: ""; } .wb-info-circle:before { content: ""; } .wb-info:before { content: ""; } .wb-warning:before { content: "ï† "; } .wb-heart:before { content: ""; } .wb-heart-outline:before { content: ""; } .wb-star:before { content: ""; } .wb-star-half:before { content: ""; } .wb-star-outline:before { content: ""; } .wb-thumb-up:before { content: ""; } .wb-thumb-down:before { content: ""; } .wb-small-point:before { content: ""; } .wb-medium-point:before { content: ""; } .wb-large-point:before { content: ""; } .pull-right { float: right; } @font-face { font-family: "FontAwesome"; src: url(/template/default/fonts/font-awesome/fontawesome-webfont.eot?v=4.7.0); src: url(/template/default/fonts/font-awesome/fontawesome-webfont.eot#iefix&v=4.7.0) format("embedded-opentype"), url(/template/default/fonts/font-awesome/fontawesome-webfont.woff2?v=4.7.0) format("woff2"), url(/template/default/fonts/font-awesome/fontawesome-webfont.woff?v=4.7.0) format("woff"), url(/template/default/fonts/font-awesome/fontawesome-webfont.ttf?v=4.7.0) format("truetype"), url(/template/default/fonts/font-awesome/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular) format("svg"); font-weight: normal; font-style: normal; } .fa, [class*=" fa-"], [class^="fa-"] { display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .fa-lg { font-size: 1.33333333em; line-height: 0.75em; vertical-align: -15%; } .fa-2x { font-size: 2em; } .fa-3x { font-size: 3em; } .fa-4x { font-size: 4em; } .fa-5x { font-size: 5em; } .fa-fw { width: 1.28571429em; text-align: center; } .fa-ul { padding-left: 0; margin-left: 2.14285714em; list-style-type: none; } .fa-ul > li { position: relative; } .fa-li { position: absolute; left: -2.14285714em; width: 2.14285714em; top: 0.14285714em; text-align: center; } .fa-li.fa-lg { left: -1.85714286em; } .fa-border { padding: 0.2em 0.25em 0.15em; border: solid 0.08em #eee; border-radius: 0.1em; } .fa-pull-left { float: left; } .fa-pull-right { float: right; } .fa.fa-pull-left { margin-right: 0.3em; } .fa.fa-pull-right { margin-left: 0.3em; } .pull-right { float: right; } .pull-left { float: left; } .fa.pull-left { margin-right: 0.3em; } .fa.pull-right { margin-left: 0.3em; } .fa-spin { -webkit-animation: fa-spin 2s infinite linear; animation: fa-spin 2s infinite linear; } .fa-pulse { -webkit-animation: fa-spin 1s infinite steps(8); animation: fa-spin 1s infinite steps(8); } @-webkit-keyframes fa-spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); transform: rotate(359deg); } } @keyframes fa-spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); transform: rotate(359deg); } } .fa-rotate-90 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)"; -webkit-transform: rotate(90deg) !important; -ms-transform: rotate(90deg) !important; transform: rotate(90deg) !important; } .fa-rotate-180 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)"; -webkit-transform: rotate(180deg) !important; -ms-transform: rotate(180deg) !important; transform: rotate(180deg) !important; } .fa-rotate-270 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)"; -webkit-transform: rotate(270deg) !important; -ms-transform: rotate(270deg) !important; transform: rotate(270deg) !important; } .fa-flip-horizontal { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0,mirror=1)"; -webkit-transform: scale(-1, 1); -ms-transform: scale(-1, 1); transform: scale(-1, 1); } .fa-flip-vertical { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2,mirror=1)"; -webkit-transform: scale(1, -1); -ms-transform: scale(1, -1); transform: scale(1, -1); } :root .fa-rotate-90, :root .fa-rotate-180, :root .fa-rotate-270, :root .fa-flip-horizontal, :root .fa-flip-vertical { filter: none; } .fa-stack { position: relative; display: inline-block; width: 2em; height: 2em; line-height: 2em; vertical-align: middle; } .fa-stack-1x, .fa-stack-2x { position: absolute; left: 0; width: 100%; text-align: center; } .fa-stack-1x { line-height: inherit; } .fa-stack-2x { font-size: 2em; } .fa-inverse { color: #fff; } .fa-glass:before { content: "\f000"; } .fa-music:before { content: "\f001"; } .fa-search:before { content: "\f002"; } .fa-envelope-o:before { content: "\f003"; } .fa-heart:before { content: "\f004"; } .fa-star:before { content: "\f005"; } .fa-star-o:before { content: "\f006"; } .fa-user:before { content: "\f007"; } .fa-film:before { content: "\f008"; } .fa-th-large:before { content: "\f009"; } .fa-th:before { content: "\f00a"; } .fa-th-list:before { content: "\f00b"; } .fa-check:before { content: "\f00c"; } .fa-remove:before, .fa-close:before, .fa-times:before { content: "\f00d"; } .fa-search-plus:before { content: "\f00e"; } .fa-search-minus:before { content: "\f010"; } .fa-power-off:before { content: "\f011"; } .fa-signal:before { content: "\f012"; } .fa-gear:before, .fa-cog:before { content: "\f013"; } .fa-trash-o:before { content: "\f014"; } .fa-home:before { content: "\f015"; } .fa-file-o:before { content: "\f016"; } .fa-clock-o:before { content: "\f017"; } .fa-road:before { content: "\f018"; } .fa-download:before { content: "\f019"; } .fa-arrow-circle-o-down:before { content: "\f01a"; } .fa-arrow-circle-o-up:before { content: "\f01b"; } .fa-inbox:before { content: "\f01c"; } .fa-play-circle-o:before { content: "\f01d"; } .fa-rotate-right:before, .fa-repeat:before { content: "\f01e"; } .fa-refresh:before { content: "\f021"; } .fa-list-alt:before { content: "\f022"; } .fa-lock:before { content: "\f023"; } .fa-flag:before { content: "\f024"; } .fa-headphones:before { content: "\f025"; } .fa-volume-off:before { content: "\f026"; } .fa-volume-down:before { content: "\f027"; } .fa-volume-up:before { content: "\f028"; } .fa-qrcode:before { content: "\f029"; } .fa-barcode:before { content: "\f02a"; } .fa-tag:before { content: "\f02b"; } .fa-tags:before { content: "\f02c"; } .fa-book:before { content: "\f02d"; } .fa-bookmark:before { content: "\f02e"; } .fa-print:before { content: "\f02f"; } .fa-camera:before { content: "\f030"; } .fa-font:before { content: "\f031"; } .fa-bold:before { content: "\f032"; } .fa-italic:before { content: "\f033"; } .fa-text-height:before { content: "\f034"; } .fa-text-width:before { content: "\f035"; } .fa-align-left:before { content: "\f036"; } .fa-align-center:before { content: "\f037"; } .fa-align-right:before { content: "\f038"; } .fa-align-justify:before { content: "\f039"; } .fa-list:before { content: "\f03a"; } .fa-dedent:before, .fa-outdent:before { content: "\f03b"; } .fa-indent:before { content: "\f03c"; } .fa-video-camera:before { content: "\f03d"; } .fa-photo:before, .fa-image:before, .fa-picture-o:before { content: "\f03e"; } .fa-pencil:before { content: "\f040"; } .fa-map-marker:before { content: "\f041"; } .fa-adjust:before { content: "\f042"; } .fa-tint:before { content: "\f043"; } .fa-edit:before, .fa-pencil-square-o:before { content: "\f044"; } .fa-share-square-o:before { content: "\f045"; } .fa-check-square-o:before { content: "\f046"; } .fa-arrows:before { content: "\f047"; } .fa-step-backward:before { content: "\f048"; } .fa-fast-backward:before { content: "\f049"; } .fa-backward:before { content: "\f04a"; } .fa-play:before { content: "\f04b"; } .fa-pause:before { content: "\f04c"; } .fa-stop:before { content: "\f04d"; } .fa-forward:before { content: "\f04e"; } .fa-fast-forward:before { content: "\f050"; } .fa-step-forward:before { content: "\f051"; } .fa-eject:before { content: "\f052"; } .fa-chevron-left:before { content: "\f053"; } .fa-chevron-right:before { content: "\f054"; } .fa-plus-circle:before { content: "\f055"; } .fa-minus-circle:before { content: "\f056"; } .fa-times-circle:before { content: "\f057"; } .fa-check-circle:before { content: "\f058"; } .fa-question-circle:before { content: "\f059"; } .fa-info-circle:before { content: "\f05a"; } .fa-crosshairs:before { content: "\f05b"; } .fa-times-circle-o:before { content: "\f05c"; } .fa-check-circle-o:before { content: "\f05d"; } .fa-ban:before { content: "\f05e"; } .fa-arrow-left:before { content: "\f060"; } .fa-arrow-right:before { content: "\f061"; } .fa-arrow-up:before { content: "\f062"; } .fa-arrow-down:before { content: "\f063"; } .fa-mail-forward:before, .fa-share:before { content: "\f064"; } .fa-expand:before { content: "\f065"; } .fa-compress:before { content: "\f066"; } .fa-plus:before { content: "\f067"; } .fa-minus:before { content: "\f068"; } .fa-asterisk:before { content: "\f069"; } .fa-exclamation-circle:before { content: "\f06a"; } .fa-gift:before { content: "\f06b"; } .fa-leaf:before { content: "\f06c"; } .fa-fire:before { content: "\f06d"; } .fa-eye:before { content: "\f06e"; } .fa-eye-slash:before { content: "\f070"; } .fa-warning:before, .fa-exclamation-triangle:before { content: "\f071"; } .fa-plane:before { content: "\f072"; } .fa-calendar:before { content: "\f073"; } .fa-random:before { content: "\f074"; } .fa-comment:before { content: "\f075"; } .fa-magnet:before { content: "\f076"; } .fa-chevron-up:before { content: "\f077"; } .fa-chevron-down:before { content: "\f078"; } .fa-retweet:before { content: "\f079"; } .fa-shopping-cart:before { content: "\f07a"; } .fa-folder:before { content: "\f07b"; } .fa-folder-open:before { content: "\f07c"; } .fa-arrows-v:before { content: "\f07d"; } .fa-arrows-h:before { content: "\f07e"; } .fa-bar-chart-o:before, .fa-bar-chart:before { content: "\f080"; } .fa-twitter-square:before { content: "\f081"; } .fa-facebook-square:before { content: "\f082"; } .fa-camera-retro:before { content: "\f083"; } .fa-key:before { content: "\f084"; } .fa-gears:before, .fa-cogs:before { content: "\f085"; } .fa-comments:before { content: "\f086"; } .fa-thumbs-o-up:before { content: "\f087"; } .fa-thumbs-o-down:before { content: "\f088"; } .fa-star-half:before { content: "\f089"; } .fa-heart-o:before { content: "\f08a"; } .fa-sign-out:before { content: "\f08b"; } .fa-linkedin-square:before { content: "\f08c"; } .fa-thumb-tack:before { content: "\f08d"; } .fa-external-link:before { content: "\f08e"; } .fa-sign-in:before { content: "\f090"; } .fa-trophy:before { content: "\f091"; } .fa-github-square:before { content: "\f092"; } .fa-upload:before { content: "\f093"; } .fa-lemon-o:before { content: "\f094"; } .fa-phone:before { content: "\f095"; } .fa-square-o:before { content: "\f096"; } .fa-bookmark-o:before { content: "\f097"; } .fa-phone-square:before { content: "\f098"; } .fa-twitter:before { content: "\f099"; } .fa-facebook-f:before, .fa-facebook:before { content: "\f09a"; } .fa-github:before { content: "\f09b"; } .fa-unlock:before { content: "\f09c"; } .fa-credit-card:before { content: "\f09d"; } .fa-feed:before, .fa-rss:before { content: "\f09e"; } .fa-hdd-o:before { content: "\f0a0"; } .fa-bullhorn:before { content: "\f0a1"; } .fa-bell:before { content: "\f0f3"; } .fa-certificate:before { content: "\f0a3"; } .fa-hand-o-right:before { content: "\f0a4"; } .fa-hand-o-left:before { content: "\f0a5"; } .fa-hand-o-up:before { content: "\f0a6"; } .fa-hand-o-down:before { content: "\f0a7"; } .fa-arrow-circle-left:before { content: "\f0a8"; } .fa-arrow-circle-right:before { content: "\f0a9"; } .fa-arrow-circle-up:before { content: "\f0aa"; } .fa-arrow-circle-down:before { content: "\f0ab"; } .fa-globe:before { content: "\f0ac"; } .fa-wrench:before { content: "\f0ad"; } .fa-tasks:before { content: "\f0ae"; } .fa-filter:before { content: "\f0b0"; } .fa-briefcase:before { content: "\f0b1"; } .fa-arrows-alt:before { content: "\f0b2"; } .fa-group:before, .fa-users:before { content: "\f0c0"; } .fa-chain:before, .fa-link:before { content: "\f0c1"; } .fa-cloud:before { content: "\f0c2"; } .fa-flask:before { content: "\f0c3"; } .fa-cut:before, .fa-scissors:before { content: "\f0c4"; } .fa-copy:before, .fa-files-o:before { content: "\f0c5"; } .fa-paperclip:before { content: "\f0c6"; } .fa-save:before, .fa-floppy-o:before { content: "\f0c7"; } .fa-square:before { content: "\f0c8"; } .fa-navsicon:before, .fa-reorder:before, .fa-bars:before { content: "\f0c9"; } .fa-list-ul:before { content: "\f0ca"; } .fa-list-ol:before { content: "\f0cb"; } .fa-strikethrough:before { content: "\f0cc"; } .fa-underline:before { content: "\f0cd"; } .fa-table:before { content: "\f0ce"; } .fa-magic:before { content: "\f0d0"; } .fa-truck:before { content: "\f0d1"; } .fa-pinterest:before { content: "\f0d2"; } .fa-pinterest-square:before { content: "\f0d3"; } .fa-google-plus-square:before { content: "\f0d4"; } .fa-google-plus:before { content: "\f0d5"; } .fa-money:before { content: "\f0d6"; } .fa-caret-down:before { content: "\f0d7"; } .fa-caret-up:before { content: "\f0d8"; } .fa-caret-left:before { content: "\f0d9"; } .fa-caret-right:before { content: "\f0da"; } .fa-columns:before { content: "\f0db"; } .fa-unsorted:before, .fa-sort:before { content: "\f0dc"; } .fa-sort-down:before, .fa-sort-desc:before { content: "\f0dd"; } .fa-sort-up:before, .fa-sort-asc:before { content: "\f0de"; } .fa-envelope:before { content: "\f0e0"; } .fa-linkedin:before { content: "\f0e1"; } .fa-rotate-left:before, .fa-undo:before { content: "\f0e2"; } .fa-legal:before, .fa-gavel:before { content: "\f0e3"; } .fa-dashboard:before, .fa-tachometer:before { content: "\f0e4"; } .fa-comment-o:before { content: "\f0e5"; } .fa-comments-o:before { content: "\f0e6"; } .fa-flash:before, .fa-bolt:before { content: "\f0e7"; } .fa-sitemap:before { content: "\f0e8"; } .fa-umbrella:before { content: "\f0e9"; } .fa-paste:before, .fa-clipboard:before { content: "\f0ea"; } .fa-lightbulb-o:before { content: "\f0eb"; } .fa-exchange:before { content: "\f0ec"; } .fa-cloud-download:before { content: "\f0ed"; } .fa-cloud-upload:before { content: "\f0ee"; } .fa-user-md:before { content: "\f0f0"; } .fa-stethoscope:before { content: "\f0f1"; } .fa-suitcase:before { content: "\f0f2"; } .fa-bell-o:before { content: "\f0a2"; } .fa-coffee:before { content: "\f0f4"; } .fa-cutlery:before { content: "\f0f5"; } .fa-file-text-o:before { content: "\f0f6"; } .fa-building-o:before { content: "\f0f7"; } .fa-hospital-o:before { content: "\f0f8"; } .fa-ambulance:before { content: "\f0f9"; } .fa-medkit:before { content: "\f0fa"; } .fa-fighter-jet:before { content: "\f0fb"; } .fa-beer:before { content: "\f0fc"; } .fa-h-square:before { content: "\f0fd"; } .fa-plus-square:before { content: "\f0fe"; } .fa-angle-double-left:before { content: "\f100"; } .fa-angle-double-right:before { content: "\f101"; } .fa-angle-double-up:before { content: "\f102"; } .fa-angle-double-down:before { content: "\f103"; } .fa-angle-left:before { content: "\f104"; } .fa-angle-right:before { content: "\f105"; } .fa-angle-up:before { content: "\f106"; } .fa-angle-down:before { content: "\f107"; } .fa-desktop:before { content: "\f108"; } .fa-laptop:before { content: "\f109"; } .fa-tablet:before { content: "\f10a"; } .fa-mobile-phone:before, .fa-mobile:before { content: "\f10b"; } .fa-circle-o:before { content: "\f10c"; } .fa-quote-left:before { content: "\f10d"; } .fa-quote-right:before { content: "\f10e"; } .fa-spinner:before { content: "\f110"; } .fa-circle:before { content: "\f111"; } .fa-mail-reply:before, .fa-reply:before { content: "\f112"; } .fa-github-alt:before { content: "\f113"; } .fa-folder-o:before { content: "\f114"; } .fa-folder-open-o:before { content: "\f115"; } .fa-smile-o:before { content: "\f118"; } .fa-frown-o:before { content: "\f119"; } .fa-meh-o:before { content: "\f11a"; } .fa-gamepad:before { content: "\f11b"; } .fa-keyboard-o:before { content: "\f11c"; } .fa-flag-o:before { content: "\f11d"; } .fa-flag-checkered:before { content: "\f11e"; } .fa-terminal:before { content: "\f120"; } .fa-code:before { content: "\f121"; } .fa-mail-reply-all:before, .fa-reply-all:before { content: "\f122"; } .fa-star-half-empty:before, .fa-star-half-full:before, .fa-star-half-o:before { content: "\f123"; } .fa-location-arrow:before { content: "\f124"; } .fa-crop:before { content: "\f125"; } .fa-code-fork:before { content: "\f126"; } .fa-unlink:before, .fa-chain-broken:before { content: "\f127"; } .fa-question:before { content: "\f128"; } .fa-info:before { content: "\f129"; } .fa-exclamation:before { content: "\f12a"; } .fa-superscript:before { content: "\f12b"; } .fa-subscript:before { content: "\f12c"; } .fa-eraser:before { content: "\f12d"; } .fa-puzzle-piece:before { content: "\f12e"; } .fa-microphone:before { content: "\f130"; } .fa-microphone-slash:before { content: "\f131"; } .fa-shield:before { content: "\f132"; } .fa-calendar-o:before { content: "\f133"; } .fa-fire-extinguisher:before { content: "\f134"; } .fa-rocket:before { content: "\f135"; } .fa-maxcdn:before { content: "\f136"; } .fa-chevron-circle-left:before { content: "\f137"; } .fa-chevron-circle-right:before { content: "\f138"; } .fa-chevron-circle-up:before { content: "\f139"; } .fa-chevron-circle-down:before { content: "\f13a"; } .fa-html5:before { content: "\f13b"; } .fa-css3:before { content: "\f13c"; } .fa-anchor:before { content: "\f13d"; } .fa-unlock-alt:before { content: "\f13e"; } .fa-bullseye:before { content: "\f140"; } .fa-ellipsis-h:before { content: "\f141"; } .fa-ellipsis-v:before { content: "\f142"; } .fa-rss-square:before { content: "\f143"; } .fa-play-circle:before { content: "\f144"; } .fa-ticket:before { content: "\f145"; } .fa-minus-square:before { content: "\f146"; } .fa-minus-square-o:before { content: "\f147"; } .fa-level-up:before { content: "\f148"; } .fa-level-down:before { content: "\f149"; } .fa-check-square:before { content: "\f14a"; } .fa-pencil-square:before { content: "\f14b"; } .fa-external-link-square:before { content: "\f14c"; } .fa-share-square:before { content: "\f14d"; } .fa-compass:before { content: "\f14e"; } .fa-toggle-down:before, .fa-caret-square-o-down:before { content: "\f150"; } .fa-toggle-up:before, .fa-caret-square-o-up:before { content: "\f151"; } .fa-toggle-right:before, .fa-caret-square-o-right:before { content: "\f152"; } .fa-euro:before, .fa-eur:before { content: "\f153"; } .fa-gbp:before { content: "\f154"; } .fa-dollar:before, .fa-usd:before { content: "\f155"; } .fa-rupee:before, .fa-inr:before { content: "\f156"; } .fa-cny:before, .fa-rmb:before, .fa-yen:before, .fa-jpy:before { content: "\f157"; } .fa-ruble:before, .fa-rouble:before, .fa-rub:before { content: "\f158"; } .fa-won:before, .fa-krw:before { content: "\f159"; } .fa-bitcoin:before, .fa-btc:before { content: "\f15a"; } .fa-file:before { content: "\f15b"; } .fa-file-text:before { content: "\f15c"; } .fa-sort-alpha-asc:before { content: "\f15d"; } .fa-sort-alpha-desc:before { content: "\f15e"; } .fa-sort-amount-asc:before { content: "\f160"; } .fa-sort-amount-desc:before { content: "\f161"; } .fa-sort-numeric-asc:before { content: "\f162"; } .fa-sort-numeric-desc:before { content: "\f163"; } .fa-thumbs-up:before { content: "\f164"; } .fa-thumbs-down:before { content: "\f165"; } .fa-youtube-square:before { content: "\f166"; } .fa-youtube:before { content: "\f167"; } .fa-xing:before { content: "\f168"; } .fa-xing-square:before { content: "\f169"; } .fa-youtube-play:before { content: "\f16a"; } .fa-dropbox:before { content: "\f16b"; } .fa-stack-overflow:before { content: "\f16c"; } .fa-instagram:before { content: "\f16d"; } .fa-flickr:before { content: "\f16e"; } .fa-adn:before { content: "\f170"; } .fa-bitbucket:before { content: "\f171"; } .fa-bitbucket-square:before { content: "\f172"; } .fa-tumblr:before { content: "\f173"; } .fa-tumblr-square:before { content: "\f174"; } .fa-long-arrow-down:before { content: "\f175"; } .fa-long-arrow-up:before { content: "\f176"; } .fa-long-arrow-left:before { content: "\f177"; } .fa-long-arrow-right:before { content: "\f178"; } .fa-apple:before { content: "\f179"; } .fa-windows:before { content: "\f17a"; } .fa-android:before { content: "\f17b"; } .fa-linux:before { content: "\f17c"; } .fa-dribbble:before { content: "\f17d"; } .fa-skype:before { content: "\f17e"; } .fa-foursquare:before { content: "\f180"; } .fa-trello:before { content: "\f181"; } .fa-female:before { content: "\f182"; } .fa-male:before { content: "\f183"; } .fa-gittip:before, .fa-gratipay:before { content: "\f184"; } .fa-sun-o:before { content: "\f185"; } .fa-moon-o:before { content: "\f186"; } .fa-archive:before { content: "\f187"; } .fa-bug:before { content: "\f188"; } .fa-vk:before { content: "\f189"; } .fa-weibo:before { content: "\f18a"; } .fa-renren:before { content: "\f18b"; } .fa-pagelines:before { content: "\f18c"; } .fa-stack-exchange:before { content: "\f18d"; } .fa-arrow-circle-o-right:before { content: "\f18e"; } .fa-arrow-circle-o-left:before { content: "\f190"; } .fa-toggle-left:before, .fa-caret-square-o-left:before { content: "\f191"; } .fa-dot-circle-o:before { content: "\f192"; } .fa-wheelchair:before { content: "\f193"; } .fa-vimeo-square:before { content: "\f194"; } .fa-turkish-lira:before, .fa-try:before { content: "\f195"; } .fa-plus-square-o:before { content: "\f196"; } .fa-space-shuttle:before { content: "\f197"; } .fa-slack:before { content: "\f198"; } .fa-envelope-square:before { content: "\f199"; } .fa-wordpress:before { content: "\f19a"; } .fa-openid:before { content: "\f19b"; } .fa-institution:before, .fa-bank:before, .fa-university:before { content: "\f19c"; } .fa-mortar-board:before, .fa-graduation-cap:before { content: "\f19d"; } .fa-yahoo:before { content: "\f19e"; } .fa-google:before { content: "\f1a0"; } .fa-reddit:before { content: "\f1a1"; } .fa-reddit-square:before { content: "\f1a2"; } .fa-stumbleupon-circle:before { content: "\f1a3"; } .fa-stumbleupon:before { content: "\f1a4"; } .fa-delicious:before { content: "\f1a5"; } .fa-digg:before { content: "\f1a6"; } .fa-pied-piper-pp:before { content: "\f1a7"; } .fa-pied-piper-alt:before { content: "\f1a8"; } .fa-drupal:before { content: "\f1a9"; } .fa-joomla:before { content: "\f1aa"; } .fa-language:before { content: "\f1ab"; } .fa-fax:before { content: "\f1ac"; } .fa-building:before { content: "\f1ad"; } .fa-child:before { content: "\f1ae"; } .fa-paw:before { content: "\f1b0"; } .fa-spoon:before { content: "\f1b1"; } .fa-cube:before { content: "\f1b2"; } .fa-cubes:before { content: "\f1b3"; } .fa-behance:before { content: "\f1b4"; } .fa-behance-square:before { content: "\f1b5"; } .fa-steam:before { content: "\f1b6"; } .fa-steam-square:before { content: "\f1b7"; } .fa-recycle:before { content: "\f1b8"; } .fa-automobile:before, .fa-car:before { content: "\f1b9"; } .fa-cab:before, .fa-taxi:before { content: "\f1ba"; } .fa-tree:before { content: "\f1bb"; } .fa-spotify:before { content: "\f1bc"; } .fa-deviantart:before { content: "\f1bd"; } .fa-soundcloud:before { content: "\f1be"; } .fa-database:before { content: "\f1c0"; } .fa-file-pdf-o:before { content: "\f1c1"; } .fa-file-word-o:before { content: "\f1c2"; } .fa-file-excel-o:before { content: "\f1c3"; } .fa-file-powerpoint-o:before { content: "\f1c4"; } .fa-file-photo-o:before, .fa-file-picture-o:before, .fa-file-image-o:before { content: "\f1c5"; } .fa-file-zip-o:before, .fa-file-archive-o:before { content: "\f1c6"; } .fa-file-sound-o:before, .fa-file-audio-o:before { content: "\f1c7"; } .fa-file-movie-o:before, .fa-file-video-o:before { content: "\f1c8"; } .fa-file-code-o:before { content: "\f1c9"; } .fa-vine:before { content: "\f1ca"; } .fa-codepen:before { content: "\f1cb"; } .fa-jsfiddle:before { content: "\f1cc"; } .fa-life-bouy:before, .fa-life-buoy:before, .fa-life-saver:before, .fa-support:before, .fa-life-ring:before { content: "\f1cd"; } .fa-circle-o-notch:before { content: "\f1ce"; } .fa-ra:before, .fa-resistance:before, .fa-rebel:before { content: "\f1d0"; } .fa-ge:before, .fa-empire:before { content: "\f1d1"; } .fa-git-square:before { content: "\f1d2"; } .fa-git:before { content: "\f1d3"; } .fa-y-combinator-square:before, .fa-yc-square:before, .fa-hacker-news:before { content: "\f1d4"; } .fa-tencent-weibo:before { content: "\f1d5"; } .fa-qq:before { content: "\f1d6"; } .fa-wechat:before, .fa-weixin:before { content: "\f1d7"; } .fa-send:before, .fa-paper-plane:before { content: "\f1d8"; } .fa-send-o:before, .fa-paper-plane-o:before { content: "\f1d9"; } .fa-history:before { content: "\f1da"; } .fa-circle-thin:before { content: "\f1db"; } .fa-header:before { content: "\f1dc"; } .fa-paragraph:before { content: "\f1dd"; } .fa-sliders:before { content: "\f1de"; } .fa-share-alt:before { content: "\f1e0"; } .fa-share-alt-square:before { content: "\f1e1"; } .fa-bomb:before { content: "\f1e2"; } .fa-soccer-ball-o:before, .fa-futbol-o:before { content: "\f1e3"; } .fa-tty:before { content: "\f1e4"; } .fa-binoculars:before { content: "\f1e5"; } .fa-plug:before { content: "\f1e6"; } .fa-slideshare:before { content: "\f1e7"; } .fa-twitch:before { content: "\f1e8"; } .fa-yelp:before { content: "\f1e9"; } .fa-newspaper-o:before { content: "\f1ea"; } .fa-wifi:before { content: "\f1eb"; } .fa-calculator:before { content: "\f1ec"; } .fa-paypal:before { content: "\f1ed"; } .fa-google-wallet:before { content: "\f1ee"; } .fa-cc-visa:before { content: "\f1f0"; } .fa-cc-mastercard:before { content: "\f1f1"; } .fa-cc-discover:before { content: "\f1f2"; } .fa-cc-amex:before { content: "\f1f3"; } .fa-cc-paypal:before { content: "\f1f4"; } .fa-cc-stripe:before { content: "\f1f5"; } .fa-bell-slash:before { content: "\f1f6"; } .fa-bell-slash-o:before { content: "\f1f7"; } .fa-trash:before { content: "\f1f8"; } .fa-copyright:before { content: "\f1f9"; } .fa-at:before { content: "\f1fa"; } .fa-eyedropper:before { content: "\f1fb"; } .fa-paint-brush:before { content: "\f1fc"; } .fa-birthday-cake:before { content: "\f1fd"; } .fa-area-chart:before { content: "\f1fe"; } .fa-pie-chart:before { content: "\f200"; } .fa-line-chart:before { content: "\f201"; } .fa-lastfm:before { content: "\f202"; } .fa-lastfm-square:before { content: "\f203"; } .fa-toggle-off:before { content: "\f204"; } .fa-toggle-on:before { content: "\f205"; } .fa-bicycle:before { content: "\f206"; } .fa-bus:before { content: "\f207"; } .fa-ioxhost:before { content: "\f208"; } .fa-angellist:before { content: "\f209"; } .fa-cc:before { content: "\f20a"; } .fa-shekel:before, .fa-sheqel:before, .fa-ils:before { content: "\f20b"; } .fa-meanpath:before { content: "\f20c"; } .fa-buysellads:before { content: "\f20d"; } .fa-connectdevelop:before { content: "\f20e"; } .fa-dashcube:before { content: "\f210"; } .fa-forumbee:before { content: "\f211"; } .fa-leanpub:before { content: "\f212"; } .fa-sellsy:before { content: "\f213"; } .fa-shirtsinbulk:before { content: "\f214"; } .fa-simplybuilt:before { content: "\f215"; } .fa-skyatlas:before { content: "\f216"; } .fa-cart-plus:before { content: "\f217"; } .fa-cart-arrow-down:before { content: "\f218"; } .fa-diamond:before { content: "\f219"; } .fa-ship:before { content: "\f21a"; } .fa-user-secret:before { content: "\f21b"; } .fa-motorcycle:before { content: "\f21c"; } .fa-street-view:before { content: "\f21d"; } .fa-heartbeat:before { content: "\f21e"; } .fa-venus:before { content: "\f221"; } .fa-mars:before { content: "\f222"; } .fa-mercury:before { content: "\f223"; } .fa-intersex:before, .fa-transgender:before { content: "\f224"; } .fa-transgender-alt:before { content: "\f225"; } .fa-venus-double:before { content: "\f226"; } .fa-mars-double:before { content: "\f227"; } .fa-venus-mars:before { content: "\f228"; } .fa-mars-stroke:before { content: "\f229"; } .fa-mars-stroke-v:before { content: "\f22a"; } .fa-mars-stroke-h:before { content: "\f22b"; } .fa-neuter:before { content: "\f22c"; } .fa-genderless:before { content: "\f22d"; } .fa-facebook-official:before { content: "\f230"; } .fa-pinterest-p:before { content: "\f231"; } .fa-whatsapp:before { content: "\f232"; } .fa-server:before { content: "\f233"; } .fa-user-plus:before { content: "\f234"; } .fa-user-times:before { content: "\f235"; } .fa-hotel:before, .fa-bed:before { content: "\f236"; } .fa-viacoin:before { content: "\f237"; } .fa-train:before { content: "\f238"; } .fa-subway:before { content: "\f239"; } .fa-medium:before { content: "\f23a"; } .fa-yc:before, .fa-y-combinator:before { content: "\f23b"; } .fa-optin-monster:before { content: "\f23c"; } .fa-opencart:before { content: "\f23d"; } .fa-expeditedssl:before { content: "\f23e"; } .fa-battery-4:before, .fa-battery:before, .fa-battery-full:before { content: "\f240"; } .fa-battery-3:before, .fa-battery-three-quarters:before { content: "\f241"; } .fa-battery-2:before, .fa-battery-half:before { content: "\f242"; } .fa-battery-1:before, .fa-battery-quarter:before { content: "\f243"; } .fa-battery-0:before, .fa-battery-empty:before { content: "\f244"; } .fa-mouse-pointer:before { content: "\f245"; } .fa-i-cursor:before { content: "\f246"; } .fa-object-group:before { content: "\f247"; } .fa-object-ungroup:before { content: "\f248"; } .fa-sticky-note:before { content: "\f249"; } .fa-sticky-note-o:before { content: "\f24a"; } .fa-cc-jcb:before { content: "\f24b"; } .fa-cc-diners-club:before { content: "\f24c"; } .fa-clone:before { content: "\f24d"; } .fa-balance-scale:before { content: "\f24e"; } .fa-hourglass-o:before { content: "\f250"; } .fa-hourglass-1:before, .fa-hourglass-start:before { content: "\f251"; } .fa-hourglass-2:before, .fa-hourglass-half:before { content: "\f252"; } .fa-hourglass-3:before, .fa-hourglass-end:before { content: "\f253"; } .fa-hourglass:before { content: "\f254"; } .fa-hand-grab-o:before, .fa-hand-rock-o:before { content: "\f255"; } .fa-hand-stop-o:before, .fa-hand-paper-o:before { content: "\f256"; } .fa-hand-scissors-o:before { content: "\f257"; } .fa-hand-lizard-o:before { content: "\f258"; } .fa-hand-spock-o:before { content: "\f259"; } .fa-hand-pointer-o:before { content: "\f25a"; } .fa-hand-peace-o:before { content: "\f25b"; } .fa-trademark:before { content: "\f25c"; } .fa-registered:before { content: "\f25d"; } .fa-creative-commons:before { content: "\f25e"; } .fa-gg:before { content: "\f260"; } .fa-gg-circle:before { content: "\f261"; } .fa-tripadvisor:before { content: "\f262"; } .fa-odnoklassniki:before { content: "\f263"; } .fa-odnoklassniki-square:before { content: "\f264"; } .fa-get-pocket:before { content: "\f265"; } .fa-wikipedia-w:before { content: "\f266"; } .fa-safari:before { content: "\f267"; } .fa-chrome:before { content: "\f268"; } .fa-firefox:before { content: "\f269"; } .fa-opera:before { content: "\f26a"; } .fa-internet-explorer:before { content: "\f26b"; } .fa-tv:before, .fa-television:before { content: "\f26c"; } .fa-contao:before { content: "\f26d"; } .fa-500px:before { content: "\f26e"; } .fa-amazon:before { content: "\f270"; } .fa-calendar-plus-o:before { content: "\f271"; } .fa-calendar-minus-o:before { content: "\f272"; } .fa-calendar-times-o:before { content: "\f273"; } .fa-calendar-check-o:before { content: "\f274"; } .fa-industry:before { content: "\f275"; } .fa-map-pin:before { content: "\f276"; } .fa-map-signs:before { content: "\f277"; } .fa-map-o:before { content: "\f278"; } .fa-map:before { content: "\f279"; } .fa-commenting:before { content: "\f27a"; } .fa-commenting-o:before { content: "\f27b"; } .fa-houzz:before { content: "\f27c"; } .fa-vimeo:before { content: "\f27d"; } .fa-black-tie:before { content: "\f27e"; } .fa-fonticons:before { content: "\f280"; } .fa-reddit-alien:before { content: "\f281"; } .fa-edge:before { content: "\f282"; } .fa-credit-card-alt:before { content: "\f283"; } .fa-codiepie:before { content: "\f284"; } .fa-modx:before { content: "\f285"; } .fa-fort-awesome:before { content: "\f286"; } .fa-usb:before { content: "\f287"; } .fa-product-hunt:before { content: "\f288"; } .fa-mixcloud:before { content: "\f289"; } .fa-scribd:before { content: "\f28a"; } .fa-pause-circle:before { content: "\f28b"; } .fa-pause-circle-o:before { content: "\f28c"; } .fa-stop-circle:before { content: "\f28d"; } .fa-stop-circle-o:before { content: "\f28e"; } .fa-shopping-bag:before { content: "\f290"; } .fa-shopping-basket:before { content: "\f291"; } .fa-hashtag:before { content: "\f292"; } .fa-bluetooth:before { content: "\f293"; } .fa-bluetooth-b:before { content: "\f294"; } .fa-percent:before { content: "\f295"; } .fa-gitlab:before { content: "\f296"; } .fa-wpbeginner:before { content: "\f297"; } .fa-wpforms:before { content: "\f298"; } .fa-envira:before { content: "\f299"; } .fa-universal-access:before { content: "\f29a"; } .fa-wheelchair-alt:before { content: "\f29b"; } .fa-question-circle-o:before { content: "\f29c"; } .fa-blind:before { content: "\f29d"; } .fa-audio-description:before { content: "\f29e"; } .fa-volume-control-phone:before { content: "\f2a0"; } .fa-braille:before { content: "\f2a1"; } .fa-assistive-listening-systems:before { content: "\f2a2"; } .fa-asl-interpreting:before, .fa-american-sign-language-interpreting:before { content: "\f2a3"; } .fa-deafness:before, .fa-hard-of-hearing:before, .fa-deaf:before { content: "\f2a4"; } .fa-glide:before { content: "\f2a5"; } .fa-glide-g:before { content: "\f2a6"; } .fa-signing:before, .fa-sign-language:before { content: "\f2a7"; } .fa-low-vision:before { content: "\f2a8"; } .fa-viadeo:before { content: "\f2a9"; } .fa-viadeo-square:before { content: "\f2aa"; } .fa-snapchat:before { content: "\f2ab"; } .fa-snapchat-ghost:before { content: "\f2ac"; } .fa-snapchat-square:before { content: "\f2ad"; } .fa-pied-piper:before { content: "\f2ae"; } .fa-first-order:before { content: "\f2b0"; } .fa-yoast:before { content: "\f2b1"; } .fa-themeisle:before { content: "\f2b2"; } .fa-google-plus-circle:before, .fa-google-plus-official:before { content: "\f2b3"; } .fa-fa:before, .fa-font-awesome:before { content: "\f2b4"; } .fa-handshake-o:before { content: "\f2b5"; } .fa-envelope-open:before { content: "\f2b6"; } .fa-envelope-open-o:before { content: "\f2b7"; } .fa-linode:before { content: "\f2b8"; } .fa-address-book:before { content: "\f2b9"; } .fa-address-book-o:before { content: "\f2ba"; } .fa-vcard:before, .fa-address-card:before { content: "\f2bb"; } .fa-vcard-o:before, .fa-address-card-o:before { content: "\f2bc"; } .fa-user-circle:before { content: "\f2bd"; } .fa-user-circle-o:before { content: "\f2be"; } .fa-user-o:before { content: "\f2c0"; } .fa-id-badge:before { content: "\f2c1"; } .fa-drivers-license:before, .fa-id-card:before { content: "\f2c2"; } .fa-drivers-license-o:before, .fa-id-card-o:before { content: "\f2c3"; } .fa-quora:before { content: "\f2c4"; } .fa-free-code-camp:before { content: "\f2c5"; } .fa-telegram:before { content: "\f2c6"; } .fa-thermometer-4:before, .fa-thermometer:before, .fa-thermometer-full:before { content: "\f2c7"; } .fa-thermometer-3:before, .fa-thermometer-three-quarters:before { content: "\f2c8"; } .fa-thermometer-2:before, .fa-thermometer-half:before { content: "\f2c9"; } .fa-thermometer-1:before, .fa-thermometer-quarter:before { content: "\f2ca"; } .fa-thermometer-0:before, .fa-thermometer-empty:before { content: "\f2cb"; } .fa-shower:before { content: "\f2cc"; } .fa-bathtub:before, .fa-s15:before, .fa-bath:before { content: "\f2cd"; } .fa-podcast:before { content: "\f2ce"; } .fa-window-maximize:before { content: "\f2d0"; } .fa-window-minimize:before { content: "\f2d1"; } .fa-window-restore:before { content: "\f2d2"; } .fa-times-rectangle:before, .fa-window-close:before { content: "\f2d3"; } .fa-times-rectangle-o:before, .fa-window-close-o:before { content: "\f2d4"; } .fa-bandcamp:before { content: "\f2d5"; } .fa-grav:before { content: "\f2d6"; } .fa-etsy:before { content: "\f2d7"; } .fa-imdb:before { content: "\f2d8"; } .fa-ravelry:before { content: "\f2d9"; } .fa-eercast:before { content: "\f2da"; } .fa-microchip:before { content: "\f2db"; } .fa-snowflake-o:before { content: "\f2dc"; } .fa-superpowers:before { content: "\f2dd"; } .fa-wpexplorer:before { content: "\f2de"; } .fa-meetup:before { content: "\f2e0"; } .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; } .sr-only-focusable:active, .sr-only-focusable:focus { position: static; width: auto; height: auto; margin: 0; overflow: visible; clip: auto; } body { color: #2a333c; background-color: #fff; word-wrap: break-word; overflow-x: hidden; } a:focus { outline: none; } .decorationnone, .dropdown-item:active, a:active, .decorationnone:active, .dropdown-item:focus, a:focus, .decorationnone:focus, .dropdown-item:hover, a:hover, .decorationnone:hover { text-decoration: none; } .decoration:hover { text-decoration: underline; } a:hover { color: #4e97d9; } img[data-original]:not([src]), img[data-original][src=""] { visibility: hidden; } img.imgloading:not([src*="base64"]), img.slick-loading:not([src*="base64"]) { object-fit: scale-down; background: #fff; } main, header, navs, article, section, aside, footer { display: block; } .table { margin-bottom: 0; color: #333; } .table a { text-decoration: none; } .table thead th, .table tfoot th, .table td { vertical-align: middle; outline: none; } .table td .tag:not(.tag-pill) { line-height: inherit; } table th, table td { border: 1px solid #ddd; display: table-cell !important; } table th { background-color: #f3f7f9; font-weight: bold !important; } table td.text-xs-center input[type="text"], table th.text-xs-center input[type="text"] { text-align: center; } @media (min-width: 480px) { table th { white-space: nowrap; } table.form-inline .form-group, table.form-inline .form-control { display: block; width: 100%; } } div.dataTables_paginate .paginate_button.active > a, div.dataTables_paginate .paginate_button.active > a:focus, div.dataTables_paginate .paginate_button.active > a:hover { background: #ddd !important; border-color: #ddd !important; color: #777 !important; } .dataTables_empty { text-align: center; } .dataTables_info { color: #777; } body table.table-bordered.dataTable { border-collapse: collapse !important; } .table-striped.dataTable tbody tr.active td, body .table-striped.dataTable tbody tr.active:hover td { background: #f3f7f9 !important; color: inherit !important; } .table-striped.dataTable tbody tr.active td > a, body .table-striped.dataTable tbody tr.active:hover td > a { color: #62a8ea !important; } @media (max-width: 479px) { .dataTables_info { float: none !important; } .dataTables_paginate { float: none !important; } } .alertify-logs { bottom: auto !important; top: 48%; z-index: 1701 !important; } @media (max-width: 767px) { .navs-tabs .navs-link { padding: 5px 10px; } } .form-group { position: relative; } .form-group .small-fixed { position: absolute; left: 0; top: 100%; } .form-group .small-fixed small.form-control-label { margin: 0; margin-right: 10px; padding: 0; line-height: 1.5; } .input-group-file .btn-file input[type="file"] { width: 100%; height: 100%; } .input-group .form-control:active, .input-group .form-control:focus, .input-group .form-control:hover { z-index: 3; } .form-inline .checkbox-custom label { padding-left: 0; } .form-control-label { color: #555; } .form-group:before, .form-group:after { display: table; content: " "; } .form-group:after { clear: both; } table.form-inline .form-group { margin-right: 0; } /*#文件名称:basic.css #米拓企业建站系统 #Copyright (C) 长沙米拓信息技术有限公司 (www.metinfo.cn). All rights reserved.*/ .met-scroll-top { position: fixed; right: 10px; bottom: 10px; z-index: 10; } .navs-tabs .navs-link { color: #333; } pre { overflow: visible; } .edui-editor, .token-input { max-width: 100%; } .edui-default .edui-editor-toolbarbox { position: relative !important; } .clockpicker-popover .popover-title { font-weight: normal !important; } .met-fixed, .fixed-b-l { position: fixed; left: 0; z-index: 1000; } .met-fixed { top: 0; } .fixed-b-l { bottom: 0; } .overflow-visible { overflow: visible !important; } .oya { overflow-y: auto !important; } .oxa { overflow-x: auto !important; } .h-10 { height: 10px; } .h-20 { height: 20px; } .h-100p { height: 100%; } .hide { display: none !important; } #getcode, .met-getcode { height: 24px; } .opacity1, .slick-arrow:hover i { opacity: 1; } .opacity0 { opacity: 0; } .flex, .slick-track { display: flex; } .slick-track { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .radius0 { -webkit-border-radius: 0px !important; -moz-border-radius: 0px !important; -o-border-radius: 0px !important; border-radius: 0px !important; } .radius3 { -webkit-border-radius: 3px !important; -moz-border-radius: 3px !important; -o-border-radius: 3px !important; border-radius: 3px !important; } .radius5 { -webkit-border-radius: 5px !important; -moz-border-radius: 5px !important; -o-border-radius: 5px !important; border-radius: 5px !important; } .radius10 { -webkit-border-radius: 10px !important; -moz-border-radius: 10px !important; -o-border-radius: 10px !important; border-radius: 10px !important; } .box-shadow-none { box-shadow: none; } .box-shadow1 { box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); } .ulstyle { margin: 0; padding: 0px; list-style: none; } .border-none { border: none !important; } .border-top1 { border-top: 1px solid #f0f2f5; } .border-bottom1 { border-bottom: 1px solid #f0f2f5; } .border-type1 { border: 1px solid #ccc; } .flex-start { -webkit-justify-content: flex-start !important; justify-content: flex-start !important; } .flex-center { -webkit-justify-content: center; justify-content: center; } .flex-end { -webkit-justify-content: flex-end; justify-content: flex-end; } .text-shadow-none { text-shadow: none; } .dropdown-item, .transition500 { transition: all 0.5s !important; } .modal-content { overflow: hidden; } .page-content { padding: 30px 0px; } .webui-popover { z-index: 1600; } .pearl-title { white-space: normal; } [class*="animation-"] { animation-fill-mode: none; } .oxh { overflow-x: hidden; } @media (max-width: 991px) { .page-content { padding: 20px 0px; } .panel { margin-bottom: 20px; } .panel-body { padding: 20px; } } @media (max-width: 767px) { .page-content { padding: 15px 0px; } .panel, .well, .card-shadow { margin-bottom: 15px; } .panel-body, .well, .modal-body, .modal-header, .modal-footer { padding: 15px; } .modal-footer { padding-top: 0; } .well, .card-shadow { margin-bottom: 15px; } } @media screen\0 { select.form-control { padding-right: 15px; } } .tag-sm { font-size: 12px; } .w-a { width: auto !important; } .animation-slide-top10 { -webkit-animation-name: slide-top10; animation-name: slide-top10; } @-webkit-keyframes slide-top10 { 0% { opacity: 0; -webkit-transform: translate3d(0, -10%, 0); transform: translate3d(0, -10%, 0); } 100% { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slide-top10 { 0% { opacity: 0; -webkit-transform: translate3d(0, -10%, 0); transform: translate3d(0, -10%, 0); } 100% { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .animation-slide-bottom10 { -webkit-animation-name: slide-bottom10; animation-name: slide-bottom10; } @-webkit-keyframes slide-bottom10 { 0% { opacity: 0; -webkit-transform: translate3d(0, 10%, 0); transform: translate3d(0, 10%, 0); } 100% { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slide-bottom10 { 0% { opacity: 0; -webkit-transform: translate3d(0, 10%, 0); transform: translate3d(0, 10%, 0); } 100% { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .animation-slide-left10 { -webkit-animation-name: slide-left10; animation-name: slide-left10; } @-webkit-keyframes slide-left10 { 0% { opacity: 0; -webkit-transform: translate3d(-10%, 0, 0); transform: translate3d(-10%, 0, 0); } 100% { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slide-left10 { 0% { opacity: 0; -webkit-transform: translate3d(-10%, 0, 0); transform: translate3d(-10%, 0, 0); } 100% { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .animation-slide-right10 { -webkit-animation-name: slide-right10; animation-name: slide-right10; } @-webkit-keyframes slide-right10 { 0% { opacity: 0; -webkit-transform: translate3d(10%, 0, 0); transform: translate3d(10%, 0, 0); } 100% { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slide-right10 { 0% { opacity: 0; -webkit-transform: translate3d(10%, 0, 0); transform: translate3d(10%, 0, 0); } 100% { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .animation-slide-top50 { -webkit-animation-name: slide-top50; animation-name: slide-top50; } @-webkit-keyframes slide-top50 { 0% { opacity: 0; -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0); } 100% { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slide-top50 { 0% { opacity: 0; -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0); } 100% { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .animation-slide-bottom50 { -webkit-animation-name: slide-bottom50; animation-name: slide-bottom50; } @-webkit-keyframes slide-bottom50 { 0% { opacity: 0; -webkit-transform: translate3d(0, 50%, 0); transform: translate3d(0, 50%, 0); } 100% { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slide-bottom50 { 0% { opacity: 0; -webkit-transform: translate3d(0, 50%, 0); transform: translate3d(0, 50%, 0); } 100% { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .animation-slide-left50 { -webkit-animation-name: slide-left50; animation-name: slide-left50; } @-webkit-keyframes slide-left50 { 0% { opacity: 0; -webkit-transform: translate3d(-50%, 0, 0); transform: translate3d(-50%, 0, 0); } 100% { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slide-left50 { 0% { opacity: 0; -webkit-transform: translate3d(-50%, 0, 0); transform: translate3d(-50%, 0, 0); } 100% { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .animation-slide-right50 { -webkit-animation-name: slide-right50; animation-name: slide-right50; } @-webkit-keyframes slide-right50 { 0% { opacity: 0; -webkit-transform: translate3d(50%, 0, 0); transform: translate3d(50%, 0, 0); } 100% { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slide-right50 { 0% { opacity: 0; -webkit-transform: translate3d(50%, 0, 0); transform: translate3d(50%, 0, 0); } 100% { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .dropdown-item.active { color: #4e97d9 !important; } .dropdown-item:hover, .dropdown-item.active { background: #f5f5f5 !important; } .dropdown-toggle::after { margin-top: -3px; } .dropdown-submenu:hover .dropdown-menu { display: table; } .dropdown-submenu.dropdown-item { padding: 0 !important; } .dropdown-menu, .dropdown-menu .dropdown-item { font-weight: normal; } @media (max-width: 1199px) { .dropdown-item { white-space: normal; } } @media (max-width: 767px) { .dropdown-menu.dropdown-menu-bullet:before, .dropdown-menu.dropdown-menu-bullet:after { display: none; } } .met-sidebar-navs .list-group-item a { color: #76838f; } .met-sidebar-navs .list-group-item a:hover { color: #000; text-decoration: none; } .met-sidebar-navs .list-group-item.active a { color: #62a8ea; } .met-editor { width: 100%; max-width: 100%; font-size: 16px; line-height: 1.8; } .met-editor * { max-width: 100%; } .met-editor p { margin-bottom: 0.8em; } .met-editor table p { margin-bottom: 0; } .met-editor img { max-width: 100% !important; vertical-align: top; } .met-editor img[src]:not(.imgloading):not([height!=""]) { height: auto; } .met-editor .table-saw { overflow-x: auto; } .met-editor .metvideobox, .met-editor video, .met-editor .metvideo, .met-editor iframe, .met-editor embed { max-width: 100% !important; } .met-editor video { outline: none; } .met-editor .lg-item-box { display: inline-block; } @media (max-width: 767px) { .met-editor { font-size: 14px; } } .met-lightgallery .lg-backdrop, .met-lightgallery .lg-toolbar { background: #fff; } .met-lightgallery .lg-actions .lg-icon { padding: 10px 0; background: rgba(255, 255, 255, 0.5); } .met-lightgallery .lg-actions .lg-icon:before, .met-lightgallery .lg-actions .lg-icon:after { content: ""; } .met-lightgallery .lg-actions .lg-icon i { font-size: 40px; } .met-lightgallery .lg-sub-html { background: rgba(255, 255, 255, 0.7); } .met-lightgallery .lg-toolbar.opacity0 { -webkit-transform: translateY(-50px); -ms-transform: translateY(-50px); transform: translateY(-50px); } .met-lightgallery .lg-outer { z-index: 1602; background: #fff; } .met-lightgallery .lg-outer.lg-pull-caption-up.lg-thumb-open .lg-sub-html { bottom: 84px; } .met-lightgallery .lg-outer .lg-thumb-outer, .met-lightgallery .lg-outer .lg-toogle-thumb { background: #fff; } .met-lightgallery .lg-outer .lg-thumb-outer { padding: 0 10px; } .met-lightgallery .lg-outer .lg-thumb-outer .lg-thumb-item { margin-bottom: 0; } .met-lightgallery .lg-outer .lg-thumb-outer .lg-thumb-item.active, .met-lightgallery .lg-outer .lg-thumb-outer .lg-thumb-item:hover { border-color: #62a8ea; } .met-lightgallery .lg-toolbar .lg-icon:hover, .met-lightgallery .lg-actions .lg-next:hover, .met-lightgallery .lg-actions .lg-prev:hover, .met-lightgallery .lg-outer .lg-toogle-thumb:hover { color: #2a333c; } .met-lightgallery .lg-sub-html { color: #5e7387; } .swiper-navstab.swiper-container-horizontal .swiper-scrollbar { width: 100%; height: 3px; left: 0; bottom: 0; } .swiper-navstab.swiper-container-horizontal .swiper-scrollbar-drag { background: rgba(0, 0, 0, 0.2); } .swiper-navstab .swiper-slide { width: auto; } .swiper-wrapper > * { box-sizing: border-box; } .slick-loading .slick-list { background: none; } .slick-arrow { width: auto; height: auto; z-index: 1; color: #fff !important; text-align: center; } .slick-arrow:before, .slick-arrow:after { display: none; } .slick-arrow:hover { color: #4e97d9 !important; } .slick-arrow.slick-next { right: 0; } .slick-arrow.slick-prev { left: 0; } .slick-arrow i { font-size: 40px; opacity: 0.5; } .slick-slide img[data-lazy] { width: auto !important; max-width: 100% !important; } .met-product-showvideo-btn { position: absolute; left: 10px; top: 0; z-index: 1200; font-size: 60px; -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); transform: translateY(-100%); } .met-product-showvideo-btn i { color: #000; background: #fff; border-radius: 100%; } .met-product-showvideo-btn, .met-product-showvideo-btn a, .met-product-showvideo-btn i { width: 50px; height: 50px; line-height: 50px; } .met-product-showvideo { position: absolute; left: 0; top: 0; z-index: 1200; } .met-product-showvideo .vertical-align-middle { position: relative; } .met-product-showvideo video, .met-product-showvideo iframe, .met-product-showvideo embed { max-width: 100%; vertical-align: top; } .met-product-showvideo p { margin-bottom: 0; } .met-product-showvideo .video-close { width: 40px; height: 40px; background: #000; opacity: 0.7; color: #fff; font-size: 30px; font-weight: bold; line-height: 35px; border-radius: 100%; position: absolute; right: 5px; top: 5px; z-index: 1200; } .met-product-showvideo video { outline: none; } @media (max-width: 767px) { .met-product-showvideo .video-close { width: 30px; height: 30px; font-size: 24px; line-height: 30px; } } .met-sidebar { margin-left: 30px; } @media (max-width: 991px) { .met-sidebar { margin-left: 0px; margin-top: 20px; } } @media (max-width: 767px) { .met-sidebar { margin-top: 15px; } } .met-sidebar > :not(:first-child) { margin: 20px 0 0; padding: 20px 0 0; border-top: 1px solid #f0f2f5; } .leftsidebar { margin-left: 0 !important; margin-right: 30px !important; } @media (max-width: 991px) { .leftsidebar { margin-right: 0px !important; } } .met-tools .bdsharebuttonbox { display: inline-block; vertical-align: top; } #bdshare_weixin_qrcode_dialog { box-sizing: content-box; } .no-js .grid li, .no-cssanimations .met-grid li, .met-grid li.shown, #met-imgs-slick .slick-dots li.slick-active { opacity: 1; } .met-lightgallery .lg-toolbar.opacity0, .met-grid li { opacity: 0; } #met-imgs-slick .slick-dots { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .paralist li { margin-bottom: 0; } @media (min-width: 480px) { .paralist li { padding-right: 3px; padding-bottom: 3px; } } .met-showproduct-head .product-para { border-top: 1px solid #f0f2f5; } .met-showproduct-head .product-para, .product-detail .met-editor .product-para { border-bottom: 1px solid #f0f2f5; } .met-column-navs-ul, .met-column-navs-ul.swiper-wrapper, #met-imgs-slick .slick-dots { -webkit-justify-content: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .met-index-body:nth-of-type(odd) { background: #f5f5f5; } .met-showproduct.pagetype2 .met-showproduct-navstabs.swiper-wrapper { -webkit-justify-content: flex-end; justify-content: flex-end; } /* FILE ARCHIVED ON 04:43:25 Mar 15, 2022 AND RETRIEVED FROM THE INTERNET ARCHIVE ON 21:33:30 Jul 18, 2024. JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE. ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C. SECTION 108(a)(3)). */ /* playback timings (ms): captures_list: 1.272 exclusion.robots: 0.089 exclusion.robots.policy: 0.065 esindex: 0.02 cdx.remote: 20.942 LoadShardBlock: 135.588 (3) PetaboxLoader3.datanode: 90.308 (4) PetaboxLoader3.resolve: 125.079 (2) load_resource: 114.573 */