| | |
| | | overflow-x: hidden; |
| | | overflow-y: auto; |
| | | letter-spacing: 0.0312rem; |
| | | |
| | | font-family: 'Quicksand', sans-serif; } |
| | | |
| | | h1, h2, h3, h4, h5, h6 { |
| | | color: #3b3f5c; } |
| | | |
| | | inputShape { |
| | | height:37px; |
| | | width:300px; |
| | | height:37px; |
| | | width:300px; |
| | | } |
| | | |
| | | :focus { |
| | |
| | | .custom-file-input:focus ~ .custom-file-label { |
| | | border: 1px solid #3b3f5c; |
| | | box-shadow: none; } |
| | | .custom-file-input:focus ~ .custom-file-label::after { |
| | | border: none; |
| | | border-left: 1px solid #3b3f5c; } |
| | | .custom-file-input:focus ~ .custom-file-label::after { |
| | | border: none; |
| | | border-left: 1px solid #3b3f5c; } |
| | | |
| | | .lead a.btn.btn-primary.btn-lg { |
| | | margin-top: 15px; |
| | |
| | | margin-bottom: -24px; |
| | | border-bottom: 1px dashed #bfc9d4; |
| | | border-radius: 0; } |
| | | .toggle-code-snippet svg { |
| | | color: #1b55e2; } |
| | | .toggle-code-snippet svg { |
| | | color: #1b55e2; } |
| | | |
| | | .code-section { |
| | | padding: 0; |
| | |
| | | border-top-right-radius: 8px; |
| | | border: 1px solid #1b2e4b; |
| | | border-left: 2px solid #009688; } |
| | | blockquote.blockquote > p { |
| | | margin-bottom: 0; } |
| | | blockquote.blockquote > p { |
| | | margin-bottom: 0; } |
| | | |
| | | blockquote .small:before, blockquote footer:before, blockquote small:before { |
| | | content: '\2014 \00A0'; } |
| | |
| | | list-style: none; |
| | | padding: 0; |
| | | margin-bottom: 0; } |
| | | .list-icon li:not(:last-child) { |
| | | margin-bottom: 15px; } |
| | | .list-icon svg { |
| | | width: 18px; |
| | | height: 18px; |
| | | color: #1b55e2; |
| | | margin-right: 2px; |
| | | vertical-align: sub; } |
| | | .list-icon .list-text { |
| | | font-size: 14px; |
| | | font-weight: 600; |
| | | color: #515365; |
| | | letter-spacing: 1px; } |
| | | .list-icon li:not(:last-child) { |
| | | margin-bottom: 15px; } |
| | | .list-icon svg { |
| | | width: 18px; |
| | | height: 18px; |
| | | color: #1b55e2; |
| | | margin-right: 2px; |
| | | vertical-align: sub; } |
| | | .list-icon .list-text { |
| | | font-size: 14px; |
| | | font-weight: 600; |
| | | color: #515365; |
| | | letter-spacing: 1px; } |
| | | |
| | | a { |
| | | color: #e0e6ed; |
| | | outline: none; } |
| | | a:hover { |
| | | color: #bfc9d4; |
| | | text-decoration: none; } |
| | | a:focus { |
| | | outline: none; |
| | | text-decoration: none; } |
| | | a:hover { |
| | | color: #bfc9d4; |
| | | text-decoration: none; } |
| | | a:focus { |
| | | outline: none; |
| | | text-decoration: none; } |
| | | |
| | | button:focus { |
| | | outline: none; } |
| | | |
| | | textarea { |
| | | outline: none; } |
| | | textarea:focus { |
| | | outline: none; } |
| | | textarea:focus { |
| | | outline: none; } |
| | | |
| | | .btn-link:hover { |
| | | text-decoration: none; } |
| | |
| | | letter-spacing: 1px; |
| | | padding: .75rem 1.25rem; |
| | | border-radius: 6px; |
| | | background: #1b2e4b; } |
| | | .form-control[type="range"] { |
| | | padding: 0; } |
| | | .form-control:focus { |
| | | box-shadow: none; |
| | | border-color: #3b3f5c; |
| | | color: #25d5e4; |
| | | background-color: #1b2e4b; } |
| | | .form-control::-webkit-input-placeholder, .form-control::-ms-input-placeholder, .form-control::-moz-placeholder { |
| | | color: #acb0c3; |
| | | font-size: 15px; } |
| | | .form-control:focus::-webkit-input-placeholder, .form-control:focus::-ms-input-placeholder, .form-control:focus::-moz-placeholder { |
| | | color: #d3d3d3; |
| | | font-size: 15px; } |
| | | .form-control.form-control-lg { |
| | | font-size: 19px; |
| | | padding: 5px 5px; } |
| | | .form-control.form-control-sm { |
| | | padding: 5px 5px; |
| | | font-size: 13px; } |
| | | } |
| | | .form-control[type="range"] { |
| | | padding: 0; } |
| | | .form-control:focus { |
| | | box-shadow: none; |
| | | border-color: #3b3f5c; |
| | | color: #25d5e4; |
| | | } |
| | | .form-control::-webkit-input-placeholder, .form-control::-ms-input-placeholder, .form-control::-moz-placeholder { |
| | | color: #acb0c3; |
| | | font-size: 15px; } |
| | | .form-control:focus::-webkit-input-placeholder, .form-control:focus::-ms-input-placeholder, .form-control:focus::-moz-placeholder { |
| | | color: #d3d3d3; |
| | | font-size: 15px; } |
| | | .form-control.form-control-lg { |
| | | font-size: 19px; |
| | | padding: 5px 5px; } |
| | | .form-control.form-control-sm { |
| | | padding: 5px 5px; |
| | | font-size: 13px; } |
| | | |
| | | @supports (-webkit-overflow-scrolling: touch) { |
| | | /* CSS specific to iOS devices */ |
| | |
| | | color: #009688; |
| | | background: #1b2e4b; |
| | | background: #1b2e4b url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23009688' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 10px; } |
| | | .custom-select.custom-select-lg { |
| | | font-size: 18px; |
| | | padding: 16px 20px; } |
| | | .custom-select.custom-select-sm { |
| | | font-size: 13px; |
| | | padding: 7px 16px; } |
| | | .custom-select:focus { |
| | | box-shadow: none; |
| | | border-color: #3b3f5c; |
| | | color: #25d5e4; |
| | | background-color: #1b2e4b; } |
| | | .custom-select.custom-select-lg { |
| | | font-size: 18px; |
| | | padding: 16px 20px; } |
| | | .custom-select.custom-select-sm { |
| | | font-size: 13px; |
| | | padding: 7px 16px; } |
| | | .custom-select:focus { |
| | | box-shadow: none; |
| | | border-color: #3b3f5c; |
| | | color: #25d5e4; |
| | | background-color: #1b2e4b; } |
| | | |
| | | /* Form Control File */ |
| | | .form-control-file { |
| | | width: 100%; |
| | | color: #5c1ac3; } |
| | | .form-control-file::-webkit-file-upload-button { |
| | | letter-spacing: 1px; |
| | | padding: 9px 20px; |
| | | text-shadow: none; |
| | | font-size: 12px; |
| | | color: #fff; |
| | | font-weight: normal; |
| | | white-space: normal; |
| | | word-wrap: break-word; |
| | | transition: .2s ease-out; |
| | | touch-action: manipulation; |
| | | cursor: pointer; |
| | | background-color: #5c1ac3; |
| | | box-shadow: 0px 0px 15px 1px rgba(113, 106, 202, 0.2); |
| | | will-change: opacity, transform; |
| | | transition: all 0.3s ease-out; |
| | | -webkit-transition: all 0.3s ease-out; |
| | | border-radius: 4px; |
| | | border: transparent; |
| | | outline: none; } |
| | | .form-control-file::-ms-file-upload-button { |
| | | letter-spacing: 1px; |
| | | padding: 9px 20px; |
| | | text-shadow: none; |
| | | font-size: 14px; |
| | | color: #fff; |
| | | font-weight: normal; |
| | | white-space: normal; |
| | | word-wrap: break-word; |
| | | transition: .2s ease-out; |
| | | touch-action: manipulation; |
| | | cursor: pointer; |
| | | background-color: #5c1ac3; |
| | | box-shadow: 0px 0px 15px 1px rgba(113, 106, 202, 0.2); |
| | | will-change: opacity, transform; |
| | | transition: all 0.3s ease-out; |
| | | -webkit-transition: all 0.3s ease-out; |
| | | border-radius: 4px; |
| | | border: transparent; |
| | | outline: none; } |
| | | .form-control-file.form-control-file-rounded::-webkit-file-upload-button { |
| | | -webkit-border-radius: 1.875rem !important; |
| | | -moz-border-radius: 1.875rem !important; |
| | | -ms-border-radius: 1.875rem !important; |
| | | -o-border-radius: 1.875rem !important; |
| | | border-radius: 1.875rem !important; } |
| | | .form-control-file::-webkit-file-upload-button { |
| | | letter-spacing: 1px; |
| | | padding: 9px 20px; |
| | | text-shadow: none; |
| | | font-size: 12px; |
| | | color: #fff; |
| | | font-weight: normal; |
| | | white-space: normal; |
| | | word-wrap: break-word; |
| | | transition: .2s ease-out; |
| | | touch-action: manipulation; |
| | | cursor: pointer; |
| | | background-color: #5c1ac3; |
| | | box-shadow: 0px 0px 15px 1px rgba(113, 106, 202, 0.2); |
| | | will-change: opacity, transform; |
| | | transition: all 0.3s ease-out; |
| | | -webkit-transition: all 0.3s ease-out; |
| | | border-radius: 4px; |
| | | border: transparent; |
| | | outline: none; } |
| | | .form-control-file::-ms-file-upload-button { |
| | | letter-spacing: 1px; |
| | | padding: 9px 20px; |
| | | text-shadow: none; |
| | | font-size: 14px; |
| | | color: #fff; |
| | | font-weight: normal; |
| | | white-space: normal; |
| | | word-wrap: break-word; |
| | | transition: .2s ease-out; |
| | | touch-action: manipulation; |
| | | cursor: pointer; |
| | | background-color: #5c1ac3; |
| | | box-shadow: 0px 0px 15px 1px rgba(113, 106, 202, 0.2); |
| | | will-change: opacity, transform; |
| | | transition: all 0.3s ease-out; |
| | | -webkit-transition: all 0.3s ease-out; |
| | | border-radius: 4px; |
| | | border: transparent; |
| | | outline: none; } |
| | | .form-control-file.form-control-file-rounded::-webkit-file-upload-button { |
| | | -webkit-border-radius: 1.875rem !important; |
| | | -moz-border-radius: 1.875rem !important; |
| | | -ms-border-radius: 1.875rem !important; |
| | | -o-border-radius: 1.875rem !important; |
| | | border-radius: 1.875rem !important; } |
| | | |
| | | select.form-control.form-custom { |
| | | display: inline-block; |
| | |
| | | /* Form Control Custom File */ |
| | | .custom-file { |
| | | height: auto; } |
| | | .custom-file input { |
| | | height: auto; } |
| | | .custom-file input { |
| | | height: auto; } |
| | | |
| | | .custom-file-label { |
| | | height: auto; |
| | |
| | | padding: 8px 10px; |
| | | letter-spacing: 1px; |
| | | background-color: #1b2e4b; } |
| | | .custom-file-label::after { |
| | | height: auto; |
| | | padding: 8px 12px; |
| | | color: #bfc9d4; |
| | | background-color: #191e3a; } |
| | | .custom-file-label::after { |
| | | height: auto; |
| | | padding: 8px 12px; |
| | | color: #bfc9d4; |
| | | background-color: #191e3a; } |
| | | |
| | | /* Input Group */ |
| | | .input-group button:hover, .input-group .btn:hover, .input-group button:focus, .input-group .btn:focus { |
| | |
| | | border: 1px solid #1b2e4b; |
| | | padding: 10px; |
| | | background: #1b2e4b; } |
| | | .input-group .dropdown-menu a.dropdown-item { |
| | | border-radius: 5px; |
| | | font-size: 12px; |
| | | font-weight: 400; |
| | | color: #bfc9d4; |
| | | padding: 11px 8px; } |
| | | .input-group .dropdown-menu a.dropdown-item:hover { |
| | | background-color: #0e1726; } |
| | | .input-group .dropdown-menu .dropdown-item:hover { |
| | | background-color: #0e1726; } |
| | | .input-group .dropdown-menu a.dropdown-item { |
| | | border-radius: 5px; |
| | | font-size: 12px; |
| | | font-weight: 400; |
| | | color: #bfc9d4; |
| | | padding: 11px 8px; } |
| | | .input-group .dropdown-menu a.dropdown-item:hover { |
| | | background-color: #0e1726; } |
| | | .input-group .dropdown-menu .dropdown-item:hover { |
| | | background-color: #0e1726; } |
| | | |
| | | .input-group .dropdown-divider { |
| | | height: 0; |
| | |
| | | border: 1px solid #1b2e4b; |
| | | background-color: #191e3a; |
| | | color: #888ea8; } |
| | | .input-group .input-group-prepend .input-group-text svg { |
| | | color: #888ea8; } |
| | | .input-group .input-group-prepend .input-group-text svg { |
| | | color: #888ea8; } |
| | | |
| | | .input-group:hover .input-group-prepend .input-group-text svg { |
| | | color: #1b55e2; |
| | |
| | | border: 1px solid #1b2e4b; |
| | | background-color: #191e3a; |
| | | color: #888ea8; } |
| | | .input-group .input-group-append .input-group-text svg { |
| | | color: #888ea8; } |
| | | .input-group .input-group-append .input-group-text svg { |
| | | color: #888ea8; } |
| | | |
| | | .input-group:hover .input-group-append .input-group-text svg { |
| | | color: #1b55e2; |
| | |
| | | will-change: opacity, transform; |
| | | transition: all 0.3s ease-out; |
| | | -webkit-transition: all 0.3s ease-out; } |
| | | .btn svg { |
| | | width: 20px; |
| | | height: 20px; |
| | | vertical-align: bottom; } |
| | | .btn.rounded-circle { |
| | | height: 40px; |
| | | width: 40px; |
| | | padding: 8px 8px; } |
| | | .btn:hover, .btn:focus { |
| | | color: #3b3f5c; |
| | | background-color: #f1f2f3; |
| | | border-color: #d3d3d3; |
| | | -webkit-box-shadow: none; |
| | | -moz-box-shadow: none; |
| | | box-shadow: none; |
| | | -webkit-transform: translateY(-3px); |
| | | transform: translateY(-3px); } |
| | | .btn svg { |
| | | width: 20px; |
| | | height: 20px; |
| | | vertical-align: bottom; } |
| | | .btn.rounded-circle { |
| | | height: 40px; |
| | | width: 40px; |
| | | padding: 8px 8px; } |
| | | .btn:hover, .btn:focus { |
| | | color: #3b3f5c; |
| | | background-color: #f1f2f3; |
| | | border-color: #d3d3d3; |
| | | -webkit-box-shadow: none; |
| | | -moz-box-shadow: none; |
| | | box-shadow: none; |
| | | -webkit-transform: translateY(-3px); |
| | | transform: translateY(-3px); } |
| | | |
| | | .btn-group .btn:hover, .btn-group .btn:focus { |
| | | -webkit-transform: none; |
| | |
| | | border-color: initial; |
| | | border-image: initial; |
| | | background: #1b2e4b; } |
| | | .btn-group .dropdown-menu a.dropdown-item { |
| | | border-radius: 5px; |
| | | font-size: 12px; |
| | | font-weight: 400; |
| | | color: #bfc9d4; |
| | | padding: 11px 8px; } |
| | | .btn-group .dropdown-menu .dropdown-divider { |
| | | border-top: 1px solid #3b3f5c; } |
| | | .btn-group .dropdown-menu a.dropdown-item:hover, .btn-group .dropdown-menu .dropdown-item:hover { |
| | | background-color: #0e1726; } |
| | | .btn-group .dropdown-menu a.dropdown-item svg { |
| | | cursor: pointer; |
| | | color: #888ea8; |
| | | margin-right: 6px; |
| | | vertical-align: middle; |
| | | width: 20px; |
| | | height: 20px; |
| | | fill: rgba(0, 23, 55, 0.08); } |
| | | .btn-group .dropdown-menu a.dropdown-item:hover svg { |
| | | color: #1b55e2; } |
| | | .btn-group .dropdown-menu a.dropdown-item { |
| | | border-radius: 5px; |
| | | font-size: 12px; |
| | | font-weight: 400; |
| | | color: #bfc9d4; |
| | | padding: 11px 8px; } |
| | | .btn-group .dropdown-menu .dropdown-divider { |
| | | border-top: 1px solid #3b3f5c; } |
| | | .btn-group .dropdown-menu a.dropdown-item:hover, .btn-group .dropdown-menu .dropdown-item:hover { |
| | | background-color: #0e1726; } |
| | | .btn-group .dropdown-menu a.dropdown-item svg { |
| | | cursor: pointer; |
| | | color: #888ea8; |
| | | margin-right: 6px; |
| | | vertical-align: middle; |
| | | width: 20px; |
| | | height: 20px; |
| | | fill: rgba(0, 23, 55, 0.08); } |
| | | .btn-group .dropdown-menu a.dropdown-item:hover svg { |
| | | color: #1b55e2; } |
| | | |
| | | .dropdown:not(.custom-dropdown-icon) .dropdown-menu { |
| | | border: none; |
| | |
| | | border-color: initial; |
| | | border-image: initial; |
| | | background: #1b2e4b; } |
| | | .dropdown:not(.custom-dropdown-icon) .dropdown-menu a.dropdown-item { |
| | | border-radius: 5px; |
| | | font-size: 12px; |
| | | font-weight: 500; |
| | | color: #888ea8; |
| | | padding: 11px 8px; } |
| | | .dropdown:not(.custom-dropdown-icon) .dropdown-menu a.dropdown-item.active, .dropdown:not(.custom-dropdown-icon) .dropdown-menu a.dropdown-item:active { |
| | | background-color: transparent; |
| | | color: #bfc9d4; |
| | | font-weight: 700; } |
| | | .dropdown:not(.custom-dropdown-icon) .dropdown-menu a.dropdown-item:hover { |
| | | color: #888ea8; |
| | | background-color: #0e1726; } |
| | | .dropdown:not(.custom-dropdown-icon) .dropdown-menu a.dropdown-item { |
| | | border-radius: 5px; |
| | | font-size: 12px; |
| | | font-weight: 500; |
| | | color: #888ea8; |
| | | padding: 11px 8px; } |
| | | .dropdown:not(.custom-dropdown-icon) .dropdown-menu a.dropdown-item.active, .dropdown:not(.custom-dropdown-icon) .dropdown-menu a.dropdown-item:active { |
| | | background-color: transparent; |
| | | color: #bfc9d4; |
| | | font-weight: 700; } |
| | | .dropdown:not(.custom-dropdown-icon) .dropdown-menu a.dropdown-item:hover { |
| | | color: #888ea8; |
| | | background-color: #0e1726; } |
| | | |
| | | .btn-primary:not(:disabled):not(.disabled).active:focus, .btn-primary:not(:disabled):not(.disabled):active:focus { |
| | | box-shadow: none; } |
| | |
| | | color: #fff !important; |
| | | background-color: #1b55e2 !important; |
| | | border-color: #1b55e2; } |
| | | .btn-primary:hover, .btn-primary:focus { |
| | | color: #fff !important; |
| | | background-color: #1b55e2; |
| | | box-shadow: none; |
| | | border-color: #1b55e2; } |
| | | .btn-primary:active, .btn-primary.active { |
| | | background-color: #1b55e2; |
| | | border-top: 1px solid #1b55e2; } |
| | | .btn-primary.disabled, .btn-primary.btn[disabled], .btn-primary:disabled { |
| | | background-color: #1b55e2; |
| | | border-color: #1b55e2; |
| | | -webkit-box-shadow: none; |
| | | -moz-box-shadow: none; |
| | | box-shadow: none; } |
| | | .btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover { |
| | | color: #fff !important; |
| | | background-color: #2aebcb; |
| | | border-color: #2aebcb; } |
| | | .btn-primary.focus:active { |
| | | color: #fff !important; |
| | | background-color: #2aebcb; |
| | | border-color: #2aebcb; } |
| | | .btn-primary:active:focus, .btn-primary:active:hover { |
| | | color: #fff !important; |
| | | background-color: #2aebcb; |
| | | border-color: #2aebcb; } |
| | | .btn-primary:hover, .btn-primary:focus { |
| | | color: #fff !important; |
| | | background-color: #1b55e2; |
| | | box-shadow: none; |
| | | border-color: #1b55e2; } |
| | | .btn-primary:active, .btn-primary.active { |
| | | background-color: #1b55e2; |
| | | border-top: 1px solid #1b55e2; } |
| | | .btn-primary.disabled, .btn-primary.btn[disabled], .btn-primary:disabled { |
| | | background-color: #1b55e2; |
| | | border-color: #1b55e2; |
| | | -webkit-box-shadow: none; |
| | | -moz-box-shadow: none; |
| | | box-shadow: none; } |
| | | .btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover { |
| | | color: #fff !important; |
| | | background-color: #2aebcb; |
| | | border-color: #2aebcb; } |
| | | .btn-primary.focus:active { |
| | | color: #fff !important; |
| | | background-color: #2aebcb; |
| | | border-color: #2aebcb; } |
| | | .btn-primary:active:focus, .btn-primary:active:hover { |
| | | color: #fff !important; |
| | | background-color: #2aebcb; |
| | | border-color: #2aebcb; } |
| | | |
| | | .open > .dropdown-toggle.btn-primary.focus, .open > .dropdown-toggle.btn-primary:focus, .open > .dropdown-toggle.btn-primary:hover { |
| | | color: #fff !important; |
| | |
| | | color: #fff !important; |
| | | background-color: #5c1ac3; |
| | | border-color: #5c1ac3; } |
| | | .btn-secondary:hover, .btn-secondary:focus { |
| | | color: #fff !important; |
| | | background-color: #5c1ac3; |
| | | box-shadow: none; |
| | | border-color: #5c1ac3; } |
| | | .btn-secondary:active, .btn-secondary.active { |
| | | background-color: #5c1ac3; |
| | | border-top: 1px solid #5c1ac3; } |
| | | .btn-secondary:not(:disabled):not(.disabled).active, .btn-secondary:not(:disabled):not(.disabled):active { |
| | | color: #fff !important; |
| | | background-color: #5c1ac3; |
| | | border-color: #5c1ac3; } |
| | | .btn-secondary:hover, .btn-secondary:focus { |
| | | color: #fff !important; |
| | | background-color: #5c1ac3; |
| | | box-shadow: none; |
| | | border-color: #5c1ac3; } |
| | | .btn-secondary:active, .btn-secondary.active { |
| | | background-color: #5c1ac3; |
| | | border-top: 1px solid #5c1ac3; } |
| | | .btn-secondary:not(:disabled):not(.disabled).active, .btn-secondary:not(:disabled):not(.disabled):active { |
| | | color: #fff !important; |
| | | background-color: #5c1ac3; |
| | | border-color: #5c1ac3; } |
| | | |
| | | .show > .btn-secondary.dropdown-toggle { |
| | | color: #fff !important; |
| | |
| | | color: #fff !important; |
| | | background-color: #2196f3; |
| | | border-color: #2196f3; } |
| | | .btn-info:hover, .btn-info:focus { |
| | | color: #fff !important; |
| | | background-color: #2196f3; |
| | | box-shadow: none; |
| | | border-color: #2196f3; } |
| | | .btn-info:active, .btn-info.active { |
| | | background-color: #2196f3; |
| | | border-top: 1px solid #2196f3; } |
| | | .btn-info:not(:disabled):not(.disabled).active, .btn-info:not(:disabled):not(.disabled):active { |
| | | color: #fff !important; |
| | | background-color: #2196f3; |
| | | border-color: #2196f3; } |
| | | .btn-info:hover, .btn-info:focus { |
| | | color: #fff !important; |
| | | background-color: #2196f3; |
| | | box-shadow: none; |
| | | border-color: #2196f3; } |
| | | .btn-info:active, .btn-info.active { |
| | | background-color: #2196f3; |
| | | border-top: 1px solid #2196f3; } |
| | | .btn-info:not(:disabled):not(.disabled).active, .btn-info:not(:disabled):not(.disabled):active { |
| | | color: #fff !important; |
| | | background-color: #2196f3; |
| | | border-color: #2196f3; } |
| | | |
| | | .show > .btn-info.dropdown-toggle { |
| | | color: #fff !important; |
| | |
| | | color: #fff !important; |
| | | background-color: #e2a03f; |
| | | border-color: #e2a03f; } |
| | | .btn-warning:hover, .btn-warning:focus { |
| | | color: #fff !important; |
| | | background-color: #e2a03f; |
| | | box-shadow: none; |
| | | border-color: #e2a03f; } |
| | | .btn-warning:active, .btn-warning.active { |
| | | background-color: #e2a03f; |
| | | border-top: 1px solid #e2a03f; } |
| | | .btn-warning:not(:disabled):not(.disabled).active, .btn-warning:not(:disabled):not(.disabled):active { |
| | | color: #0e1726; |
| | | background-color: #e2a03f; |
| | | border-color: #e2a03f; } |
| | | .btn-warning:hover, .btn-warning:focus { |
| | | color: #fff !important; |
| | | background-color: #e2a03f; |
| | | box-shadow: none; |
| | | border-color: #e2a03f; } |
| | | .btn-warning:active, .btn-warning.active { |
| | | background-color: #e2a03f; |
| | | border-top: 1px solid #e2a03f; } |
| | | .btn-warning:not(:disabled):not(.disabled).active, .btn-warning:not(:disabled):not(.disabled):active { |
| | | color: #0e1726; |
| | | background-color: #e2a03f; |
| | | border-color: #e2a03f; } |
| | | |
| | | .show > .btn-warning.dropdown-toggle { |
| | | color: #0e1726; |
| | |
| | | color: #fff !important; |
| | | background-color: #e7515a; |
| | | border-color: #e7515a; } |
| | | .btn-danger:hover, .btn-danger:focus { |
| | | color: #fff !important; |
| | | background-color: #e7515a; |
| | | box-shadow: none; |
| | | border-color: #e7515a; } |
| | | .btn-danger:active, .btn-danger.active { |
| | | background-color: #e7515a; |
| | | border-top: 1px solid #e7515a; } |
| | | .btn-danger:not(:disabled):not(.disabled).active, .btn-danger:not(:disabled):not(.disabled):active { |
| | | color: #fff !important; |
| | | background-color: #e7515a; |
| | | border-color: #e7515a; } |
| | | .btn-danger:hover, .btn-danger:focus { |
| | | color: #fff !important; |
| | | background-color: #e7515a; |
| | | box-shadow: none; |
| | | border-color: #e7515a; } |
| | | .btn-danger:active, .btn-danger.active { |
| | | background-color: #e7515a; |
| | | border-top: 1px solid #e7515a; } |
| | | .btn-danger:not(:disabled):not(.disabled).active, .btn-danger:not(:disabled):not(.disabled):active { |
| | | color: #fff !important; |
| | | background-color: #e7515a; |
| | | border-color: #e7515a; } |
| | | |
| | | .show > .btn-danger.dropdown-toggle { |
| | | color: #fff !important; |
| | |
| | | color: #fff !important; |
| | | background-color: #3b3f5c; |
| | | border-color: #3b3f5c; } |
| | | .btn-dark:hover, .btn-dark:focus { |
| | | color: #fff !important; |
| | | background-color: #3b3f5c; |
| | | box-shadow: none; |
| | | border-color: #3b3f5c; } |
| | | .btn-dark:active, .btn-dark.active { |
| | | background-color: #3b3f5c; |
| | | border-top: 1px solid #3b3f5c; } |
| | | .btn-dark:not(:disabled):not(.disabled).active, .btn-dark:not(:disabled):not(.disabled):active { |
| | | color: #fff !important; |
| | | background-color: #3b3f5c; |
| | | border-color: #3b3f5c; } |
| | | .btn-dark:hover, .btn-dark:focus { |
| | | color: #fff !important; |
| | | background-color: #3b3f5c; |
| | | box-shadow: none; |
| | | border-color: #3b3f5c; } |
| | | .btn-dark:active, .btn-dark.active { |
| | | background-color: #3b3f5c; |
| | | border-top: 1px solid #3b3f5c; } |
| | | .btn-dark:not(:disabled):not(.disabled).active, .btn-dark:not(:disabled):not(.disabled):active { |
| | | color: #fff !important; |
| | | background-color: #3b3f5c; |
| | | border-color: #3b3f5c; } |
| | | |
| | | .show > .btn-dark.dropdown-toggle { |
| | | color: #fff !important; |
| | |
| | | color: #fff !important; |
| | | background-color: #8dbf42; |
| | | border-color: #8dbf42; } |
| | | .btn-success:hover, .btn-success:focus { |
| | | color: #fff !important; |
| | | background-color: #8dbf42; |
| | | box-shadow: none; |
| | | border-color: #8dbf42; } |
| | | .btn-success:active, .btn-success.active { |
| | | background-color: #8dbf42; |
| | | border-top: 1px solid #8dbf42; } |
| | | .btn-success:not(:disabled):not(.disabled).active, .btn-success:not(:disabled):not(.disabled):active { |
| | | color: #fff !important; |
| | | background-color: #8dbf42; |
| | | border-color: #8dbf42; } |
| | | .btn-success:hover, .btn-success:focus { |
| | | color: #fff !important; |
| | | background-color: #8dbf42; |
| | | box-shadow: none; |
| | | border-color: #8dbf42; } |
| | | .btn-success:active, .btn-success.active { |
| | | background-color: #8dbf42; |
| | | border-top: 1px solid #8dbf42; } |
| | | .btn-success:not(:disabled):not(.disabled).active, .btn-success:not(:disabled):not(.disabled):active { |
| | | color: #fff !important; |
| | | background-color: #8dbf42; |
| | | border-color: #8dbf42; } |
| | | |
| | | .show > .btn-success.dropdown-toggle { |
| | | color: #fff !important; |
| | |
| | | /*-----/Button Light Colors------*/ |
| | | .btn.box-shadow-none { |
| | | border: none; } |
| | | .btn.box-shadow-none:hover, .btn.box-shadow-none:focus { |
| | | border: none; |
| | | -webkit-box-shadow: none; |
| | | -moz-box-shadow: none; |
| | | box-shadow: none; |
| | | background-color: transparent; } |
| | | .btn.box-shadow-none:hover, .btn.box-shadow-none:focus { |
| | | border: none; |
| | | -webkit-box-shadow: none; |
| | | -moz-box-shadow: none; |
| | | box-shadow: none; |
| | | background-color: transparent; } |
| | | |
| | | .box-shadow-none { |
| | | -webkit-box-shadow: none !important; |
| | |
| | | background-color: #fff !important; |
| | | border-color: #fff; |
| | | padding: 3px 7px; } |
| | | .btn-dismiss:hover, .btn-dismiss:focus { |
| | | color: #0e1726; |
| | | background-color: #fff; } |
| | | .btn-dismiss:active, .btn-dismiss.active { |
| | | background-color: #fff; |
| | | border-top: 1px solid #fff; } |
| | | .btn-dismiss:hover, .btn-dismiss:focus { |
| | | color: #0e1726; |
| | | background-color: #fff; } |
| | | .btn-dismiss:active, .btn-dismiss.active { |
| | | background-color: #fff; |
| | | border-top: 1px solid #fff; } |
| | | |
| | | .btn-group > .btn i { |
| | | margin-right: 3px; } |
| | |
| | | -webkit-box-shadow: none; |
| | | -moz-box-shadow: none; |
| | | box-shadow: none; } |
| | | .btn-group > .btn + .dropdown-toggle.btn-primary { |
| | | border-left: 1px solid #4468fd; } |
| | | .btn-group > .btn + .dropdown-toggle.btn-success { |
| | | border-left: 1px solid #a3c66f; } |
| | | .btn-group > .btn + .dropdown-toggle.btn-info { |
| | | border-left: 1px solid #49acfb; } |
| | | .btn-group > .btn + .dropdown-toggle.btn-warning { |
| | | border-left: 1px solid #f5b455; } |
| | | .btn-group > .btn + .dropdown-toggle.btn-danger { |
| | | border-left: 1px solid #f1848b; } |
| | | .btn-group > .btn + .dropdown-toggle.btn-dark { |
| | | border-left: 1px solid #70767a; } |
| | | .btn-group > .btn + .dropdown-toggle.btn-secondary { |
| | | border-left: 1px solid #8353dc; } |
| | | .btn-group > .btn + .dropdown-toggle.btn-primary { |
| | | border-left: 1px solid #4468fd; } |
| | | .btn-group > .btn + .dropdown-toggle.btn-success { |
| | | border-left: 1px solid #a3c66f; } |
| | | .btn-group > .btn + .dropdown-toggle.btn-info { |
| | | border-left: 1px solid #49acfb; } |
| | | .btn-group > .btn + .dropdown-toggle.btn-warning { |
| | | border-left: 1px solid #f5b455; } |
| | | .btn-group > .btn + .dropdown-toggle.btn-danger { |
| | | border-left: 1px solid #f1848b; } |
| | | .btn-group > .btn + .dropdown-toggle.btn-dark { |
| | | border-left: 1px solid #70767a; } |
| | | .btn-group > .btn + .dropdown-toggle.btn-secondary { |
| | | border-left: 1px solid #8353dc; } |
| | | |
| | | .btn-group.dropleft .dropdown-toggle-split { |
| | | border-top-right-radius: 0; |
| | |
| | | font-weight: 600; |
| | | transition: all 0.3s ease-out; |
| | | -webkit-transition: all 0.3s ease-out; } |
| | | .badge:hover { |
| | | transition: all 0.3s ease-out; |
| | | -webkit-transition: all 0.3s ease-out; |
| | | -webkit-transform: translateY(-3px); |
| | | transform: translateY(-3px); } |
| | | .badge.badge-enabled { |
| | | background-color: #8dbf42; |
| | | color: #fff; } |
| | | .badge.badge-disable { |
| | | background-color: #e7515a; |
| | | color: #fff; } |
| | | .badge:hover { |
| | | transition: all 0.3s ease-out; |
| | | -webkit-transition: all 0.3s ease-out; |
| | | -webkit-transform: translateY(-3px); |
| | | transform: translateY(-3px); } |
| | | .badge.badge-enabled { |
| | | background-color: #8dbf42; |
| | | color: #fff; } |
| | | .badge.badge-disable { |
| | | background-color: #e7515a; |
| | | color: #fff; } |
| | | |
| | | .badge-pills { |
| | | border-radius: 30px; } |
| | |
| | | margin-left: -21px; |
| | | -webkit-transition: all 0.35s ease; |
| | | transition: all 0.35s ease; } |
| | | .badge-collapsed-img.badge-tooltip img:hover { |
| | | -webkit-transform: translateY(-5px) scale(1.02); |
| | | transform: translateY(-5px) scale(1.02); } |
| | | .badge-collapsed-img.badge-tooltip img:hover { |
| | | -webkit-transform: translateY(-5px) scale(1.02); |
| | | transform: translateY(-5px) scale(1.02); } |
| | | |
| | | .badge-collapsed-img.translateY-axis img { |
| | | -webkit-transition: all 0.35s ease; |
| | | transition: all 0.35s ease; } |
| | | .badge-collapsed-img.translateY-axis img:hover { |
| | | -webkit-transform: translateY(-5px) scale(1.02); |
| | | transform: translateY(-5px) scale(1.02); } |
| | | .badge-collapsed-img.translateY-axis img:hover { |
| | | -webkit-transform: translateY(-5px) scale(1.02); |
| | | transform: translateY(-5px) scale(1.02); } |
| | | |
| | | .badge-collapsed-img.rectangle-collapsed img { |
| | | width: 45px; |
| | |
| | | .badge-collapsed-img.translateX-axis img { |
| | | -webkit-transition: all 0.35s ease; |
| | | transition: all 0.35s ease; } |
| | | .badge-collapsed-img.translateX-axis img:hover { |
| | | -webkit-transform: translateX(5px) scale(1.02); |
| | | transform: translateX(5px) scale(1.02); } |
| | | .badge-collapsed-img.translateX-axis img:hover { |
| | | -webkit-transform: translateX(5px) scale(1.02); |
| | | transform: translateX(5px) scale(1.02); } |
| | | |
| | | .badge-primary { |
| | | color: #fff; |
| | |
| | | border: 1px solid #f1f2f3; } |
| | | |
| | | .table-striped tbody tr:nth-of-type(odd) { |
| | | background-color: rgba(25, 30, 58, 0.631373) !important; } |
| | | |
| | | background-color: white; |
| | | } |
| | | .table > tbody > tr > td { |
| | | vertical-align: middle; |
| | | color: #515365; |
| | |
| | | text-transform: uppercase; } |
| | | |
| | | .table > tbody > tr > td .usr-img-frame { |
| | | background-color: #bfc9d4; |
| | | padding: 2px; |
| | | width: 35px; |
| | | height: 35px; } |
| | | .table > tbody > tr > td .usr-img-frame img { |
| | | width: 35px; |
| | | margin: 0; } |
| | | .table > tbody > tr > td .usr-img-frame img { |
| | | width: 35px; |
| | | margin: 0; } |
| | | |
| | | .table > tbody > tr > td .admin-name { |
| | | font-weight: 700; |
| | |
| | | font-size: 11px; |
| | | vertical-align: sub; |
| | | cursor: pointer; } |
| | | .table > tbody > tr > td svg.t-icon.t-hover-icon:hover { |
| | | background-color: #e7515a; |
| | | color: #fff; } |
| | | .table > tbody > tr > td svg.t-icon.t-hover-icon:hover { |
| | | background-color: #e7515a; |
| | | color: #fff; } |
| | | |
| | | .table-bordered td, .table-bordered th { |
| | | border: 1px solid #ebedf2; } |
| | |
| | | |
| | | /* Table */ |
| | | .table { |
| | | background-color: #060818; } |
| | | .table > thead > tr > th { |
| | | color: #d3d3d3; } |
| | | .table > tbody > tr > td { |
| | | color: #bfc9d4; } |
| | | .table.table-hover tbody tr { |
| | | background-color: #060818; } |
| | | .table td, .table th, .table thead th { |
| | | border-color: #191e3a !important; } |
| | | .table.table-hover tbody tr:hover { |
| | | background-color: rgba(25, 30, 58, 0.631373); } |
| | | .table.table > tbody > tr > td i.t-icon { |
| | | padding: 5px; |
| | | border-radius: 50%; |
| | | font-size: 14px; |
| | | vertical-align: sub; |
| | | cursor: pointer; |
| | | color: #0e1726 !important; } |
| | | .table.table-light > thead > tr > th { |
| | | color: #d3d3d3; } |
| | | .table.table-light > tbody > tr > td { |
| | | color: #ffffff; } |
| | | } |
| | | .table > thead > tr > th { |
| | | color: #d3d3d3; } |
| | | .table > tbody > tr > td { |
| | | color: #bfc9d4; } |
| | | .table.table-hover tbody tr { |
| | | } |
| | | .table td, .table th, .table thead th { |
| | | border-color: #191e3a !important; } |
| | | .table.table-hover tbody tr:hover { |
| | | background-color: rgba(25, 30, 58, 0.631373); } |
| | | .table.table > tbody > tr > td i.t-icon { |
| | | padding: 5px; |
| | | border-radius: 50%; |
| | | font-size: 14px; |
| | | vertical-align: sub; |
| | | cursor: pointer; |
| | | color: #0e1726 !important; } |
| | | .table.table-light > thead > tr > th { |
| | | color: #d3d3d3; } |
| | | .table.table-light > tbody > tr > td { |
| | | color: #ffffff; } |
| | | |
| | | /* Table Light */ |
| | | .table-light { |
| | | background-color: #3b3f5c !important; } |
| | | .table-light.table-hover tbody tr { |
| | | background-color: #3b3f5c; } |
| | | .table-light td, .table-light th, .table-light thead th { |
| | | border-bottom: 1px solid rgba(136, 142, 168, 0.313725) !important; } |
| | | .table-light.table-hover tbody tr:hover { |
| | | background-color: rgba(25, 30, 58, 0.631373); } |
| | | .table-light.table-hover tbody tr { |
| | | background-color: #3b3f5c; } |
| | | .table-light td, .table-light th, .table-light thead th { |
| | | } |
| | | .table-light.table-hover tbody tr:hover { |
| | | background-color: rgba(25, 30, 58, 0.631373); } |
| | | |
| | | .table.table-light > tbody > tr > td i.t-icon { |
| | | padding: 5px; |
| | |
| | | background: #1b55e2; |
| | | color: #fff; |
| | | border-bottom: 1px solid rgba(33, 150, 243, 0.341176); } |
| | | .toast-header .meta-time { |
| | | color: #f1f2f3; } |
| | | .toast-header .close { |
| | | color: #f1f2f3; |
| | | opacity: 1; |
| | | text-shadow: none; } |
| | | .toast-header .meta-time { |
| | | color: #f1f2f3; } |
| | | .toast-header .close { |
| | | color: #f1f2f3; |
| | | opacity: 1; |
| | | text-shadow: none; } |
| | | |
| | | .toast-body { |
| | | padding: 16px 12px; |
| | |
| | | margin-bottom: 1.25rem; |
| | | height: 16px; |
| | | box-shadow: none; } |
| | | .progress.progress-bar-stack .progress-bar:last-child { |
| | | border-top-right-radius: 16px; |
| | | border-bottom-right-radius: 16px; } |
| | | .progress .progress-bar { |
| | | font-size: 10px; |
| | | font-weight: 700; |
| | | box-shadow: 0 2px 4px rgba(0, 69, 255, 0.15), 0 8px 16px rgba(0, 69, 255, 0.2); |
| | | font-size: 12px; |
| | | letter-spacing: 1px; |
| | | font-weight: 100; } |
| | | .progress:not(.progress-bar-stack) .progress-bar { |
| | | border-radius: 16px; } |
| | | .progress.progress-bar-stack .progress-bar:last-child { |
| | | border-top-right-radius: 16px; |
| | | border-bottom-right-radius: 16px; } |
| | | .progress .progress-bar { |
| | | font-size: 10px; |
| | | font-weight: 700; |
| | | box-shadow: 0 2px 4px rgba(0, 69, 255, 0.15), 0 8px 16px rgba(0, 69, 255, 0.2); |
| | | font-size: 12px; |
| | | letter-spacing: 1px; |
| | | font-weight: 100; } |
| | | .progress:not(.progress-bar-stack) .progress-bar { |
| | | border-radius: 16px; } |
| | | |
| | | .progress-sm { |
| | | height: 4px; } |
| | |
| | | display: flex; |
| | | justify-content: space-between; |
| | | padding: 15px; } |
| | | .progress .progress-title span { |
| | | align-self: center; } |
| | | .progress .progress-title span { |
| | | align-self: center; } |
| | | |
| | | .progress .progress-bar.bg-gradient-primary { |
| | | background-color: #1b55e2; |
| | |
| | | font-size: 16px; |
| | | line-height: 42px; |
| | | border-radius: 25px; } |
| | | .badge-chip img { |
| | | float: left; |
| | | margin: 0px 10px 0px -26px; |
| | | height: 44px; |
| | | width: 44px; |
| | | border-radius: 50%; } |
| | | .badge-chip .closebtn { |
| | | color: #f1f2f3; |
| | | font-weight: bold; |
| | | float: right; |
| | | font-size: 20px; |
| | | cursor: pointer; } |
| | | .badge-chip .closebtn:hover { |
| | | color: #fff; } |
| | | .badge-chip img { |
| | | float: left; |
| | | margin: 0px 10px 0px -26px; |
| | | height: 44px; |
| | | width: 44px; |
| | | border-radius: 50%; } |
| | | .badge-chip .closebtn { |
| | | color: #f1f2f3; |
| | | font-weight: bold; |
| | | float: right; |
| | | font-size: 20px; |
| | | cursor: pointer; } |
| | | .badge-chip .closebtn:hover { |
| | | color: #fff; } |
| | | |
| | | /*-------text-colors------*/ |
| | | .text-primary { |