‹ =t‹label { font-weight: 400 !important; } .form-group > label, .form-group .control-label { font-size: 12px !important; opacity: 0.5 !important; margin-bottom: 0 !important; } .form .form-group > label, .form-inline .form-group > label { position: absolute !important; top: 0 !important; left: 0 !important; } .form-control-static { font-size: 16px !important; } .has-feedback label ~ .form-control-feedback, .form-control-feedback { top: auto !important; bottom: 0 !important; } .form-control { padding: 0 !important; height: 37px !important; border-left: none !important; border-right: none !important; border-top: none !important; border-bottom-color: rgba(12, 12, 12, 0.12) !important; background: transparent !important; color: #0c0c0c !important; font-size: 16px !important; -webkit-box-shadow: none !important; box-shadow: none !important; } .form-control.placeholder { color: #969c9c !important; } .form-control.placeholder option { color: #0c0c0c !important; } .form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control { background-color: transparent !important; border-bottom-color: rgba(12, 12, 12, 0.2) !important; border-bottom-style: dashed !important; } .form-control[disabled]::-moz-placeholder, .form-control[readonly]::-moz-placeholder, fieldset[disabled] .form-control::-moz-placeholder { color: #b0b5b4 !important; opacity: 1 !important; } .form-control[disabled]:-ms-input-placeholder, .form-control[readonly]:-ms-input-placeholder, fieldset[disabled] .form-control:-ms-input-placeholder { color: #b0b5b4 !important; } .form-control[disabled]::-webkit-input-placeholder, .form-control[readonly]::-webkit-input-placeholder, fieldset[disabled] .form-control::-webkit-input-placeholder { color: #b0b5b4 !important; } .form-control[disabled] ~ label:after, .form-control[readonly] ~ label:after, fieldset[disabled] .form-control ~ label:after, .form-control[disabled] ~ .form-control-line:after, .form-control[readonly] ~ .form-control-line:after, fieldset[disabled] .form-control ~ .form-control-line:after { display: none !important; } textarea.form-control { padding: 4px 0 4px 0 !important; } textarea.autosize { min-height: 38px !important; } .form .form-group, .form-inline .form-group { padding-top: 16px !important; } .form-group { position: relative !important; margin-bottom: 19px !important; } .form-group .form-control:not(.static) ~ label, .form-group .form-control:not(.static) ~ .form-control-line { -webkit-transition: 0.2s ease all !important; -o-transition: 0.2s ease all !important; transition: 0.2s ease all !important; } .form-group .form-control ~ label, .form-group .form-control ~ .form-control-line { position: absolute !important; left: 0 !important; bottom: 0 !important; width: 100% !important; pointer-events: none !important; } .form-group .form-control ~ label:after, .form-group .form-control ~ .form-control-line:after { content: '' !important; position: absolute !important; bottom: 0 !important; left: 45% !important; height: 2px !important; width: 10px !important; visibility: hidden !important; background-color: #106eea !important; -webkit-transition: 0.2s ease all !important; -o-transition: 0.2s ease all !important; transition: 0.2s ease all !important; } .form-group .form-control ~ label { top: 0 !important; margin-bottom: 0 !important; font-size: 12px !important; opacity: 0.5 !important; } .form-group .form-control:focus { border-color: rgba(12, 12, 12, 0.12) !important; } .form-group .form-control:focus ~ label { color: #106eea !important; opacity: 1 !important; font-weight: bold!important; } .form-group .form-control:focus ~ label:after, .form-group .form-control:focus ~ .form-control-line:after { visibility: visible !important; width: 100% !important; left: 0 !important; } .floating-label .form-control ~ label { top: 19px !important; font-size: 16px !important; } .floating-label .form-control:focus ~ label, .floating-label .form-control.dirty ~ label { top: 0px !important; font-size: 12px !important; } .input-sm { height: 30px !important; padding: 0 0 !important; font-size: 1em !important; line-height: 1.5 !important; border-radius: 0px !important; } select.input-sm { height: 30px !important; line-height: 30px !important; } textarea.input-sm, select[multiple].input-sm { height: auto !important; } select.input-sm { height: 30px !important; line-height: 30px !important; } textarea.input-sm, select[multiple].input-sm { height: auto !important; } .floating-label .input-sm ~ label { font-size: 1em !important; } .text-default-bright { color: #ffffff !important; } a.text-default-bright:hover { color: #e6e6e6 !important; } .text-default-light { color: #969c9c !important; } a.text-default-light:hover { color: #7c8383 !important; } .text-default { color: #313534 !important; } a.text-default:hover { color: #191a1a !important; } .text-default-dark { color: #20252b !important; } a.text-default-dark:hover { color: #0a0c0e !important; } .text-primary-bright { color: #caf0ee !important; } a.text-primary-bright:hover { color: #a2e5e1 !important; } .text-primary-light { color: #7dd8d2 !important; } a.text-primary-light:hover { color: #56cdc5 !important; } .text-primary { color: #0aa89e !important; } a.text-primary:hover { color: #077871 !important; } .text-primary-dark { color: #066265 !important; } a.text-primary-dark:hover { color: #033334 !important; } .text-accent-bright { color: #e9c9ef !important; } a.text-accent-bright:hover { color: #d9a1e3 !important; } .text-accent-light { color: #c77bd4 !important; } a.text-accent-light:hover { color: #b755c8 !important; } .text-accent { color: #9c27b0 !important; } a.text-accent:hover { color: #771e86 !important; } .text-accent-dark { color: #681a7f !important; } a.text-accent-dark:hover { color: #461155 !important; } .text-info { color: #2196f3 !important; } a.text-info:hover { color: #0c7cd5 !important; } .text-warning { color: #ff9800 !important; } a.text-warning:hover { color: #cc7a00 !important; } .text-danger { color: #f44336 !important; } a.text-danger:hover { color: #ea1c0d !important; } .text-success { color: #4caf50 !important; } a.text-success:hover { color: #3d8b40 !important; } .body-form { border: 1px solid; border-color: #106eea !important; border-radius: 15px; } .text-justify { text-align: justify !important; } .text-wrap { white-space: normal !important; } .text-nowrap { white-space: nowrap !important; } .text-truncate { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .text-left { text-align: left !important; } .text-right { text-align: right !important; } .text-center { text-align: center !important; } select { box-shadow: 0 0 0 0 !important; border: 0 none !important; outline: 0 !important; cursor: pointer !important; } .border-active { } .label-select { color: #106eea !important; font-weight: bold !important; } .card-head-xs { border-color: #106eea; border-width: thin; border-style: solid; } .form-group { margin-bottom: 15px; } .radio, .checkbox { position: relative; display: block; margin-top: 10px !important; margin-bottom: 10px; } .radio label, .checkbox label { min-height: 24px; padding-left: 20px; margin-bottom: 0; font-weight: normal; cursor: pointer; } .radio input[type="radio"], .radio-inline input[type="radio"], .checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"] { position: absolute; margin-left: -20px; margin-top: 4px \9; } .radio + .radio, .checkbox + .checkbox { margin-top: -5px; } .radio-inline, .checkbox-inline { display: inline-block; padding-left: 20px; margin-bottom: 0; vertical-align: middle; font-weight: normal; cursor: pointer; margin-top: 10px !important; } .radio-inline + .radio-inline, .checkbox-inline + .checkbox-inline { margin-top: 0; margin-left: 10px; } .checkbox-styled:not(ie8), .radio-styled:not(ie8) { position: relative; margin-top: 0; } .checkbox-styled:not(ie8) input ~ span, .radio-styled:not(ie8) input ~ span { position: relative; padding-left: 30px; display: inline-block; cursor: pointer; vertical-align: text-top; } .checkbox-styled:not(ie8) input ~ span:before, .radio-styled:not(ie8) input ~ span:before { content: ""; position: absolute; left: 0; z-index: 1; width: 20px; height: 20px; border: 2px solid #535858; } .checkbox-styled:not(ie8) input[type="radio"], .radio-styled:not(ie8) input[type="radio"], .checkbox-styled:not(ie8) input[type="checkbox"], .radio-styled:not(ie8) input[type="checkbox"] { position: absolute; z-index: -1; opacity: 0; filter: alpha(opacity=0); } .checkbox-styled:not(ie8) label, .radio-styled:not(ie8) label { padding-left: 0; } .checkbox-styled:not(ie8).radio-inline, .radio-styled:not(ie8).radio-inline, .checkbox-styled:not(ie8).checkbox-inline, .radio-styled:not(ie8).checkbox-inline { padding-left: 0; } .checkbox-styled:not(ie8).disabled ~ span:before, .radio-styled:not(ie8).disabled ~ span:before, .checkbox-styled:not(ie8) input[disabled] ~ span:before, .radio-styled:not(ie8) input[disabled] ~ span:before, .checkbox-styled:not(ie8) input[readonly] ~ span:before, .radio-styled:not(ie8) input[readonly] ~ span:before { border-color: #e5e6e6; } .checkbox-styled:not(ie8).disabled:checked ~ span:before, .radio-styled:not(ie8).disabled:checked ~ span:before, .checkbox-styled:not(ie8) input[disabled]:checked ~ span:before, .radio-styled:not(ie8) input[disabled]:checked ~ span:before, .checkbox-styled:not(ie8) input[readonly]:checked ~ span:before, .radio-styled:not(ie8) input[readonly]:checked ~ span:before { border-color: #e5e6e6; } .checkbox-styled:not(ie8).disabled:checked ~ span:after, .radio-styled:not(ie8).disabled:checked ~ span:after, .checkbox-styled:not(ie8) input[disabled]:checked ~ span:after, .radio-styled:not(ie8) input[disabled]:checked ~ span:after, .checkbox-styled:not(ie8) input[readonly]:checked ~ span:after, .radio-styled:not(ie8) input[readonly]:checked ~ span:after { background-color: #e5e6e6; } .checkbox-styled:not(ie8) input ~ span:before { -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .checkbox-styled:not(ie8) input:checked ~ span:before { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); height: 10px; border-color: #106eea; border-top-style: none; border-right-style: none; } .radio-styled:not(ie8) input ~ span:before { top: 0; border-radius: 50%; -webkit-transition: all 0.15s ease-in-out; -o-transition: all 0.15s ease-in-out; transition: all 0.15s ease-in-out; } .radio-styled:not(ie8) input:checked ~ span:before { border-color: #106eea; } .radio-styled:not(ie8) input ~ span:after { content: ""; position: absolute; left: 10px; top: 10px; z-index: 1; width: 0; height: 0; background-color: #106eea; border-radius: 50%; -webkit-transition: all 0.15s ease-in-out; -o-transition: all 0.15s ease-in-out; transition: all 0.15s ease-in-out; } .radio-styled:not(ie8) input:checked ~ span:after { left: 5px; top: 5px; width: 10px; height: 10px; } .card { position: relative; margin-bottom: 24px; background-color: #ffffff; color: #313534; border-radius: 2px; -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.33); box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.33); } .card:before, .card:after { content: " "; display: table; } .card:after { clear: both; } .card .btn-icon-toggle:hover, .card .btn-flat:hover { background-color: rgba(12, 12, 12, 0.07); } .card > .nano:last-child { border-radius: 0 0 2px 2px; } .card.no-shadow { -webkit-box-shadow: none; box-shadow: none; } .card-head { position: relative; line-height: 52px; min-height: 56px; vertical-align: middle; border-radius: 2px 2px 0 0; } .card-head:before, .card-head:after { content: " "; display: table; } .card-head:after { clear: both; } .card-head header { display: inline-block; padding: 11px 24px; vertical-align: middle; line-height: 17px; font-size: 20px; } .card-head header > h1, .card-head header > h2, .card-head header > h3, .card-head header > h4, .card-head header > h5, .card-head header > h6 { vertical-align: middle; margin: 0; line-height: 1; } .card-head header small { color: inherit; opacity: 0.6; font-size: 75%; } .card-head > div { display: inline-block; } .card-head .tools { padding-right: 16px; float: right; } .card-head .tools form { margin-top: 7px; margin-bottom: 7px; margin-left: 24px; line-height: normal; vertical-align: middle; } .card-head .tools .btn-floating-action { margin-left: 8px; } .card-head .tools > .btn-group { margin-right: 4px; } .card-head .tools > .btn-group-xs { margin-right: 10px; } .card-head .tools > .btn-group-sm { margin-right: 4px; } .card-head .tools > .btn-group-lg { margin-right: 0; } .card-head .tools.pull-left > .btn-group { margin-left: 4px; } .card-head .tools.pull-left > .btn-group-xs { margin-left: 10px; } .card-head .tools.pull-left > .btn-group-sm { margin-left: 4px; } .card-head .tools.pull-left > .btn-group-lg { margin-left: 0; } .card-head.card-head-xs { line-height: 32px; min-height: 36px; } .card-head.card-head-xs header { font-size: 15px; padding: 8px 24px; } .card-head.card-head-sm { line-height: 44px; min-height: 48px; } .card-head.card-head-sm header { font-size: 15px; } .card-head.card-head-lg { line-height: 76px; min-height: 80px; } .card-head.card-head-lg header { font-size: 24px; } .card-head.nav-tabs, .card-head > .nav-tabs { padding: 0 24px; } .card-head.nav-tabs > li > a, .card-head > .nav-tabs > li > a { line-height: 54px; padding-top: 0; padding-bottom: 0; } .card-head.card-head-xs.nav-tabs > li > a, .card-head.card-head-xs > .nav-tabs > li > a { line-height: 34px; } .card-head.card-head-sm.nav-tabs > li > a, .card-head.card-head-sm > .nav-tabs > li > a { line-height: 46px; } .card-head.card-head-lg.nav-tabs > li > a, .card-head.card-head-lg > .nav-tabs > li > a { line-height: 78px; } section .style-primary, .offcanvas-pane .style-primary, .card .style-primary, section.style-primary, .offcanvas-pane.style-primary, .card.style-primary { background-color: #0aa89e; border-color: #0aa89e; color: #ffffff; } section .style-primary .btn-icon-toggle:hover, .offcanvas-pane .style-primary .btn-icon-toggle:hover, .card .style-primary .btn-icon-toggle:hover, section.style-primary .btn-icon-toggle:hover, .offcanvas-pane.style-primary .btn-icon-toggle:hover, .card.style-primary .btn-icon-toggle:hover, section .style-primary .btn-flat:hover, .offcanvas-pane .style-primary .btn-flat:hover, .card .style-primary .btn-flat:hover, section.style-primary .btn-flat:hover, .offcanvas-pane.style-primary .btn-flat:hover, .card.style-primary .btn-flat:hover { background-color: rgba(255, 255, 255, 0.3); } .card-body-darken .style-primary, .card-body-darken.style-primary { background-color: #099e95; border-color: #099e95; color: #ffffff; } .badge.style-primary { background-color: #0aa89e; border-color: #0aa89e; color: #ffffff; } section .style-primary-light, .offcanvas-pane .style-primary-light, .card .style-primary-light, section.style-primary-light, .offcanvas-pane.style-primary-light, .card.style-primary-light { background-color: #7dd8d2; border-color: #7dd8d2; color: #313534; } section .style-primary-light .btn-icon-toggle:hover, .offcanvas-pane .style-primary-light .btn-icon-toggle:hover, .card .style-primary-light .btn-icon-toggle:hover, section.style-primary-light .btn-icon-toggle:hover, .offcanvas-pane.style-primary-light .btn-icon-toggle:hover, .card.style-primary-light .btn-icon-toggle:hover, section .style-primary-light .btn-flat:hover, .offcanvas-pane .style-primary-light .btn-flat:hover, .card .style-primary-light .btn-flat:hover, section.style-primary-light .btn-flat:hover, .offcanvas-pane.style-primary-light .btn-flat:hover, .card.style-primary-light .btn-flat:hover { background-color: rgba(49, 53, 52, 0.3); } .card-body-darken .style-primary-light, .card-body-darken.style-primary-light { background-color: #76d6cf; border-color: #76d6cf; color: #313534; } .badge.style-primary-light { background-color: #7dd8d2; border-color: #7dd8d2; color: #313534; } section .style-primary-dark, .offcanvas-pane .style-primary-dark, .card .style-primary-dark, section.style-primary-dark, .offcanvas-pane.style-primary-dark, .card.style-primary-dark { background-color: #066265; border-color: #066265; color: #ffffff; } section .style-primary-dark .btn-icon-toggle:hover, .offcanvas-pane .style-primary-dark .btn-icon-toggle:hover, .card .style-primary-dark .btn-icon-toggle:hover, section.style-primary-dark .btn-icon-toggle:hover, .offcanvas-pane.style-primary-dark .btn-icon-toggle:hover, .card.style-primary-dark .btn-icon-toggle:hover, section .style-primary-dark .btn-flat:hover, .offcanvas-pane .style-primary-dark .btn-flat:hover, .card .style-primary-dark .btn-flat:hover, section.style-primary-dark .btn-flat:hover, .offcanvas-pane.style-primary-dark .btn-flat:hover, .card.style-primary-dark .btn-flat:hover { background-color: rgba(255, 255, 255, 0.3); } .card-body-darken .style-primary-dark, .card-body-darken.style-primary-dark { background-color: #05585b; border-color: #05585b; color: #ffffff; } .badge.style-primary-dark { background-color: #066265; border-color: #066265; color: #ffffff; } section .style-primary-bright, .offcanvas-pane .style-primary-bright, .card .style-primary-bright, section.style-primary-bright, .offcanvas-pane.style-primary-bright, .card.style-primary-bright { background-color: #caf0ee; border-color: #caf0ee; color: #313534; } section .style-primary-bright .btn-icon-toggle:hover, .offcanvas-pane .style-primary-bright .btn-icon-toggle:hover, .card .style-primary-bright .btn-icon-toggle:hover, section.style-primary-bright .btn-icon-toggle:hover, .offcanvas-pane.style-primary-bright .btn-icon-toggle:hover, .card.style-primary-bright .btn-icon-toggle:hover, section .style-primary-bright .btn-flat:hover, .offcanvas-pane .style-primary-bright .btn-flat:hover, .card .style-primary-bright .btn-flat:hover, section.style-primary-bright .btn-flat:hover, .offcanvas-pane.style-primary-bright .btn-flat:hover, .card.style-primary-bright .btn-flat:hover { background-color: rgba(49, 53, 52, 0.3); } .card-body-darken .style-primary-bright, .card-body-darken.style-primary-bright { background-color: #c2eeeb; border-color: #c2eeeb; color: #313534; } .badge.style-primary-bright { background-color: #caf0ee; border-color: #caf0ee; color: #313534; } section .style-accent, .offcanvas-pane .style-accent, .card .style-accent, section.style-accent, .offcanvas-pane.style-accent, .card.style-accent { background-color: #9c27b0; border-color: #9c27b0; color: #ffffff; } section .style-accent .btn-icon-toggle:hover, .offcanvas-pane .style-accent .btn-icon-toggle:hover, .card .style-accent .btn-icon-toggle:hover, section.style-accent .btn-icon-toggle:hover, .offcanvas-pane.style-accent .btn-icon-toggle:hover, .card.style-accent .btn-icon-toggle:hover, section .style-accent .btn-flat:hover, .offcanvas-pane .style-accent .btn-flat:hover, .card .style-accent .btn-flat:hover, section.style-accent .btn-flat:hover, .offcanvas-pane.style-accent .btn-flat:hover, .card.style-accent .btn-flat:hover { background-color: rgba(255, 255, 255, 0.3); } .card-body-darken .style-accent, .card-body-darken.style-accent { background-color: #9525a8; border-color: #9525a8; color: #ffffff; } .badge.style-accent { background-color: #9c27b0; border-color: #9c27b0; color: #ffffff; } section .style-accent-light, .offcanvas-pane .style-accent-light, .card .style-accent-light, section.style-accent-light, .offcanvas-pane.style-accent-light, .card.style-accent-light { background-color: #c77bd4; border-color: #c77bd4; color: #ffffff; } section .style-accent-light .btn-icon-toggle:hover, .offcanvas-pane .style-accent-light .btn-icon-toggle:hover, .card .style-accent-light .btn-icon-toggle:hover, section.style-accent-light .btn-icon-toggle:hover, .offcanvas-pane.style-accent-light .btn-icon-toggle:hover, .card.style-accent-light .btn-icon-toggle:hover, section .style-accent-light .btn-flat:hover, .offcanvas-pane .style-accent-light .btn-flat:hover, .card .style-accent-light .btn-flat:hover, section.style-accent-light .btn-flat:hover, .offcanvas-pane.style-accent-light .btn-flat:hover, .card.style-accent-light .btn-flat:hover { background-color: rgba(255, 255, 255, 0.3); } .card-body-darken .style-accent-light, .card-body-darken.style-accent-light { background-color: #c474d2; border-color: #c474d2; color: #ffffff; } .badge.style-accent-light { background-color: #c77bd4; border-color: #c77bd4; color: #ffffff; } section .style-accent-dark, .offcanvas-pane .style-accent-dark, .card .style-accent-dark, section.style-accent-dark, .offcanvas-pane.style-accent-dark, .card.style-accent-dark { background-color: #681a7f; border-color: #681a7f; color: #ffffff; } section .style-accent-dark .btn-icon-toggle:hover, .offcanvas-pane .style-accent-dark .btn-icon-toggle:hover, .card .style-accent-dark .btn-icon-toggle:hover, section.style-accent-dark .btn-icon-toggle:hover, .offcanvas-pane.style-accent-dark .btn-icon-toggle:hover, .card.style-accent-dark .btn-icon-toggle:hover, section .style-accent-dark .btn-flat:hover, .offcanvas-pane .style-accent-dark .btn-flat:hover, .card .style-accent-dark .btn-flat:hover, section.style-accent-dark .btn-flat:hover, .offcanvas-pane.style-accent-dark .btn-flat:hover, .card.style-accent-dark .btn-flat:hover { background-color: rgba(255, 255, 255, 0.3); } .card-body-darken .style-accent-dark, .card-body-darken.style-accent-dark { background-color: #611877; border-color: #611877; color: #ffffff; } .badge.style-accent-dark { background-color: #681a7f; border-color: #681a7f; color: #ffffff; } section .style-accent-bright, .offcanvas-pane .style-accent-bright, .card .style-accent-bright, section.style-accent-bright, .offcanvas-pane.style-accent-bright, .card.style-accent-bright { background-color: #e9c9ef; border-color: #e9c9ef; color: #313534; } section .style-accent-bright .btn-icon-toggle:hover, .offcanvas-pane .style-accent-bright .btn-icon-toggle:hover, .card .style-accent-bright .btn-icon-toggle:hover, section.style-accent-bright .btn-icon-toggle:hover, .offcanvas-pane.style-accent-bright .btn-icon-toggle:hover, .card.style-accent-bright .btn-icon-toggle:hover, section .style-accent-bright .btn-flat:hover, .offcanvas-pane .style-accent-bright .btn-flat:hover, .card .style-accent-bright .btn-flat:hover, section.style-accent-bright .btn-flat:hover, .offcanvas-pane.style-accent-bright .btn-flat:hover, .card.style-accent-bright .btn-flat:hover { background-color: rgba(49, 53, 52, 0.3); } .card-body-darken .style-accent-bright, .card-body-darken.style-accent-bright { background-color: #e6c1ec; border-color: #e6c1ec; color: #313534; } .badge.style-accent-bright { background-color: #e9c9ef; border-color: #e9c9ef; color: #313534; } section .style-success, .offcanvas-pane .style-success, .card .style-success, section.style-success, .offcanvas-pane.style-success, .card.style-success { background-color: #4caf50; border-color: #4caf50; color: #ffffff; } section .style-success .btn-icon-toggle:hover, .offcanvas-pane .style-success .btn-icon-toggle:hover, .card .style-success .btn-icon-toggle:hover, section.style-success .btn-icon-toggle:hover, .offcanvas-pane.style-success .btn-icon-toggle:hover, .card.style-success .btn-icon-toggle:hover, section .style-success .btn-flat:hover, .offcanvas-pane .style-success .btn-flat:hover, .card .style-success .btn-flat:hover, section.style-success .btn-flat:hover, .offcanvas-pane.style-success .btn-flat:hover, .card.style-success .btn-flat:hover { background-color: rgba(255, 255, 255, 0.3); } .card-body-darken .style-success, .card-body-darken.style-success { background-color: #49a84d; border-color: #49a84d; color: #ffffff; } .badge.style-success { background-color: #4caf50; border-color: #4caf50; color: #ffffff; } section .style-warning, .offcanvas-pane .style-warning, .card .style-warning, section.style-warning, .offcanvas-pane.style-warning, .card.style-warning { background-color: #ff9800; border-color: #ff9800; color: #ffffff; } section .style-warning .btn-icon-toggle:hover, .offcanvas-pane .style-warning .btn-icon-toggle:hover, .card .style-warning .btn-icon-toggle:hover, section.style-warning .btn-icon-toggle:hover, .offcanvas-pane.style-warning .btn-icon-toggle:hover, .card.style-warning .btn-icon-toggle:hover, section .style-warning .btn-flat:hover, .offcanvas-pane .style-warning .btn-flat:hover, .card .style-warning .btn-flat:hover, section.style-warning .btn-flat:hover, .offcanvas-pane.style-warning .btn-flat:hover, .card.style-warning .btn-flat:hover { background-color: rgba(255, 255, 255, 0.3); } .card-body-darken .style-warning, .card-body-darken.style-warning { background-color: #f59200; border-color: #f59200; color: #ffffff; } .badge.style-warning { background-color: #ff9800; border-color: #ff9800; color: #ffffff; } section .style-danger, .offcanvas-pane .style-danger, .card .style-danger, section.style-danger, .offcanvas-pane.style-danger, .card.style-danger { background-color: #f44336; border-color: #f44336; color: #ffffff; } section .style-danger .btn-icon-toggle:hover, .offcanvas-pane .style-danger .btn-icon-toggle:hover, .card .style-danger .btn-icon-toggle:hover, section.style-danger .btn-icon-toggle:hover, .offcanvas-pane.style-danger .btn-icon-toggle:hover, .card.style-danger .btn-icon-toggle:hover, section .style-danger .btn-flat:hover, .offcanvas-pane .style-danger .btn-flat:hover, .card .style-danger .btn-flat:hover, section.style-danger .btn-flat:hover, .offcanvas-pane.style-danger .btn-flat:hover, .card.style-danger .btn-flat:hover { background-color: rgba(255, 255, 255, 0.3); } .card-body-darken .style-danger, .card-body-darken.style-danger { background-color: #f33a2c; border-color: #f33a2c; color: #ffffff; } .badge.style-danger { background-color: #f44336; border-color: #f44336; color: #ffffff; } section .style-info, .offcanvas-pane .style-info, .card .style-info, section.style-info, .offcanvas-pane.style-info, .card.style-info { background-color: #106eea; border-color: #106eea; color: #ffffff; } section .style-info .btn-icon-toggle:hover, .offcanvas-pane .style-info .btn-icon-toggle:hover, .card .style-info .btn-icon-toggle:hover, section.style-info .btn-icon-toggle:hover, .offcanvas-pane.style-info .btn-icon-toggle:hover, .card.style-info .btn-icon-toggle:hover, section .style-info .btn-flat:hover, .offcanvas-pane .style-info .btn-flat:hover, .card .style-info .btn-flat:hover, section.style-info .btn-flat:hover, .offcanvas-pane.style-info .btn-flat:hover, .card.style-info .btn-flat:hover { background-color: rgba(255, 255, 255, 0.3); } .card-body-darken .style-info, .card-body-darken.style-info { background-color: #106eea; border-color: #106eea; color: #ffffff; } .badge.style-info { background-color: #106eea; border-color: #106eea; color: #ffffff; } .card.style-transparent, .card .style-transparent { background-color: transparent; -webkit-box-shadow: none; box-shadow: none; color: inherit; } .error { color: red !important; } ÿÿÿÿ}¿K=t