Файловый менеджер - Редактировать - /home/emeraadmin/public_html/src/css/theme.css
Назад
/*! * ThemeKit v1 (https://lavalite.org/) * Copyright 2018 The Lavalite Authors */ html { font-family: sans-serif; /* 1 */ -ms-text-size-adjust: 100%; /* 2 */ -webkit-text-size-adjust: 100%; /* 2 */ } body { margin: 0; } article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; } audio, canvas, progress, video { display: inline-block; /* 1 */ vertical-align: baseline; /* 2 */ } audio:not([controls]) { display: none; height: 0; } [hidden], template { display: none; } a { background-color: transparent; } a:active, a:hover { outline: 0; } abbr[title] { border-bottom: 1px dotted; } strong { font-weight: bold; } dfn { font-style: italic; } h1 { font-size: 2em; margin: 0.67em 0; } mark { background: #ff0; color: #000; } small { font-size: 80%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } img { border: 0; } svg:not(:root) { overflow: hidden; } figure { margin: 1em 40px; } hr { box-sizing: content-box; height: 0; } pre { overflow: auto; } code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; } button, input, optgroup, select, textarea { color: inherit; /* 1 */ font: inherit; /* 2 */ margin: 0; /* 3 */ } button { overflow: visible; } button, select { text-transform: none; } button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; /* 2 */ cursor: pointer; /* 3 */ } button[disabled], html input[disabled] { cursor: default; } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } input { line-height: normal; } input[type="checkbox"], input[type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ } input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; } input[type="search"] { -webkit-appearance: textfield; /* 1 */ box-sizing: content-box; /* 2 */ } input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } legend { border: 0; /* 1 */ padding: 0; /* 2 */ } textarea { overflow: auto; } optgroup { font-weight: bold; } table { border-collapse: collapse; border-spacing: 0; } td, th { padding: 0; } *, body { -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; -moz-osx-font-smoothing: grayscale; } ::-moz-selection { background: #b3d4fc; text-shadow: none; } ::selection { background: #b3d4fc; text-shadow: none; } hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; } audio, canvas, iframe, img, svg, video { vertical-align: middle; } fieldset { border: 0; margin: 0; padding: 0; } textarea { resize: vertical; } .browserupgrade { margin: 0.2em 0; background: #ccc; color: #000; padding: 0.2em 0; } * { outline: none !important; } a { color: #212121; -moz-transition: color 0.2s; -o-transition: color 0.2s; -webkit-transition: color 0.2s; transition: color 0.2s; } a:hover, a:focus, a:active { outline: 0; text-decoration: none; color: #212121; } .p0 { padding: 0px !important; } .pt-0 { padding-top: 0px !important; } .pb-0 { padding-bottom: 0px !important; } .pl-0 { padding-left: 0px !important; } .pr-0 { padding-right: 0px !important; } .m0 { margin: 0px !important; } .mt-0 { margin-top: 0px !important; } .mb-0 { margin-bottom: 0px !important; } .ml-0 { margin-left: 0px !important; } .mr-0 { margin-right: 0px !important; } .p5 { padding: 5px !important; } .pt-5 { padding-top: 5px !important; } .pb-5 { padding-bottom: 5px !important; } .pl-5 { padding-left: 5px !important; } .pr-5 { padding-right: 5px !important; } .m5 { margin: 5px !important; } .mt-5 { margin-top: 5px !important; } .mb-5 { margin-bottom: 5px !important; } .ml-5 { margin-left: 5px !important; } .mr-5 { margin-right: 5px !important; } .p10 { padding: 10px !important; } .pt-10 { padding-top: 10px !important; } .pb-10 { padding-bottom: 10px !important; } .pl-10 { padding-left: 10px !important; } .pr-10 { padding-right: 10px !important; } .m10 { margin: 10px !important; } .mt-10 { margin-top: 10px !important; } .mb-10 { margin-bottom: 10px !important; } .ml-10 { margin-left: 10px !important; } .mr-10 { margin-right: 10px !important; } .p15 { padding: 15px !important; } .pt-15 { padding-top: 15px !important; } .pb-15 { padding-bottom: 15px !important; } .pl-15 { padding-left: 15px !important; } .pr-15 { padding-right: 15px !important; } .m15 { margin: 15px !important; } .mt-15 { margin-top: 15px !important; } .mb-15 { margin-bottom: 15px !important; } .ml-15 { margin-left: 15px !important; } .mr-15 { margin-right: 15px !important; } .p20 { padding: 20px !important; } .pt-20 { padding-top: 20px !important; } .pb-20 { padding-bottom: 20px !important; } .pl-20 { padding-left: 20px !important; } .pr-20 { padding-right: 20px !important; } .m20 { margin: 20px !important; } .mt-20 { margin-top: 20px !important; } .mb-20 { margin-bottom: 20px !important; } .ml-20 { margin-left: 20px !important; } .mr-20 { margin-right: 20px !important; } .p25 { padding: 25px !important; } .pt-25 { padding-top: 25px !important; } .pb-25 { padding-bottom: 25px !important; } .pl-25 { padding-left: 25px !important; } .pr-25 { padding-right: 25px !important; } .m25 { margin: 25px !important; } .mt-25 { margin-top: 25px !important; } .mb-25 { margin-bottom: 25px !important; } .ml-25 { margin-left: 25px !important; } .mr-25 { margin-right: 25px !important; } .p30 { padding: 30px !important; } .pt-30 { padding-top: 30px !important; } .pb-30 { padding-bottom: 30px !important; } .pl-30 { padding-left: 30px !important; } .pr-30 { padding-right: 30px !important; } .m30 { margin: 30px !important; } .mt-30 { margin-top: 30px !important; } .mb-30 { margin-bottom: 30px !important; } .ml-30 { margin-left: 30px !important; } .mr-30 { margin-right: 30px !important; } .p35 { padding: 35px !important; } .pt-35 { padding-top: 35px !important; } .pb-35 { padding-bottom: 35px !important; } .pl-35 { padding-left: 35px !important; } .pr-35 { padding-right: 35px !important; } .m35 { margin: 35px !important; } .mt-35 { margin-top: 35px !important; } .mb-35 { margin-bottom: 35px !important; } .ml-35 { margin-left: 35px !important; } .mr-35 { margin-right: 35px !important; } .p40 { padding: 40px !important; } .pt-40 { padding-top: 40px !important; } .pb-40 { padding-bottom: 40px !important; } .pl-40 { padding-left: 40px !important; } .pr-40 { padding-right: 40px !important; } .m40 { margin: 40px !important; } .mt-40 { margin-top: 40px !important; } .mb-40 { margin-bottom: 40px !important; } .ml-40 { margin-left: 40px !important; } .mr-40 { margin-right: 40px !important; } .p45 { padding: 45px !important; } .pt-45 { padding-top: 45px !important; } .pb-45 { padding-bottom: 45px !important; } .pl-45 { padding-left: 45px !important; } .pr-45 { padding-right: 45px !important; } .m45 { margin: 45px !important; } .mt-45 { margin-top: 45px !important; } .mb-45 { margin-bottom: 45px !important; } .ml-45 { margin-left: 45px !important; } .mr-45 { margin-right: 45px !important; } .p50 { padding: 50px !important; } .pt-50 { padding-top: 50px !important; } .pb-50 { padding-bottom: 50px !important; } .pl-50 { padding-left: 50px !important; } .pr-50 { padding-right: 50px !important; } .m50 { margin: 50px !important; } .mt-50 { margin-top: 50px !important; } .mb-50 { margin-bottom: 50px !important; } .ml-50 { margin-left: 50px !important; } .mr-50 { margin-right: 50px !important; } .f-10 { font-size: 10px; } .f-12 { font-size: 12px; } .f-14 { font-size: 14px; } .f-16 { font-size: 16px; } .f-18 { font-size: 18px; } .f-20 { font-size: 20px; } .f-22 { font-size: 22px; } .f-24 { font-size: 24px; } .f-26 { font-size: 26px; } .f-28 { font-size: 28px; } .f-30 { font-size: 30px; } .f-32 { font-size: 32px; } .f-34 { font-size: 34px; } .f-36 { font-size: 36px; } .f-38 { font-size: 38px; } .f-40 { font-size: 40px; } .f-42 { font-size: 42px; } .f-44 { font-size: 44px; } .f-46 { font-size: 46px; } .f-48 { font-size: 48px; } .f-50 { font-size: 50px; } .f-52 { font-size: 52px; } .f-54 { font-size: 54px; } .f-56 { font-size: 56px; } .f-58 { font-size: 58px; } .f-60 { font-size: 60px; } .f-62 { font-size: 62px; } .f-64 { font-size: 64px; } .f-66 { font-size: 66px; } .f-68 { font-size: 68px; } .f-70 { font-size: 70px; } .f-72 { font-size: 72px; } .f-74 { font-size: 74px; } .f-76 { font-size: 76px; } .f-78 { font-size: 78px; } .f-80 { font-size: 80px; } .fw-100 { font-weight: 100; } .fw-200 { font-weight: 200; } .fw-300 { font-weight: 300; } .fw-400 { font-weight: 400; } .fw-500 { font-weight: 500; } .fw-600 { font-weight: 600; } .fw-700 { font-weight: 700; } .fw-800 { font-weight: 800; } .fw-900 { font-weight: 900; } .img-20 { width: 20px; } .img-30 { width: 30px; } .img-40 { width: 40px; } .img-50 { width: 50px; } .img-60 { width: 60px; } .img-70 { width: 70px; } .img-80 { width: 80px; } .img-90 { width: 90px; } .img-100 { width: 100px; } .b-t-primary { border-top: 1px solid #007bff; } .b-b-primary { border-bottom: 1px solid #007bff; } .b-l-primary { border-left: 1px solid #007bff; } .b-r-primary { border-right: 1px solid #007bff; } .b-primary { border: 1px solid #007bff; } .b-t-warning { border-top: 1px solid #fb6340; } .b-b-warning { border-bottom: 1px solid #fb6340; } .b-l-warning { border-left: 1px solid #fb6340; } .b-r-warning { border-right: 1px solid #fb6340; } .b-warning { border: 1px solid #fb6340; } .b-t-danger { border-top: 1px solid #f5365c; } .b-b-danger { border-bottom: 1px solid #f5365c; } .b-l-danger { border-left: 1px solid #f5365c; } .b-r-danger { border-right: 1px solid #f5365c; } .b-danger { border: 1px solid #f5365c; } .b-t-success { border-top: 1px solid #2dce89; } .b-b-success { border-bottom: 1px solid #2dce89; } .b-l-success { border-left: 1px solid #2dce89; } .b-r-success { border-right: 1px solid #2dce89; } .b-success { border: 1px solid #2dce89; } .b-t-inverse { border-top: 1px solid #4c5667; } .b-b-inverse { border-bottom: 1px solid #4c5667; } .b-l-inverse { border-left: 1px solid #4c5667; } .b-r-inverse { border-right: 1px solid #4c5667; } .b-inverse { border: 1px solid #4c5667; } .b-t-info { border-top: 1px solid #11cdef; } .b-b-info { border-bottom: 1px solid #11cdef; } .b-l-info { border-left: 1px solid #11cdef; } .b-r-info { border-right: 1px solid #11cdef; } .b-info { border: 1px solid #11cdef; } .bg-default { background-color: #d6d6d6 !important; } .bg-theme { background-color: #ef4153 !important; } .bg-aqua { background-color: #3ec5d6 !important; } .bg-blue { background-color: #19B5FE !important; } .bg-light-blue { background-color: #89CFF0 !important; } .bg-teal { background-color: #008081 !important; } .bg-yellow { background-color: #F7CA18 !important; } .bg-orange { background-color: #FF8000 !important; } .bg-green { background-color: #26C281 !important; } .bg-lime { background-color: #cad900 !important; } .bg-red { background-color: #F22613 !important; } .bg-fuchsia { background-color: #df2de3 !important; } .bg-navy { background-color: #000080 !important; } .bg-empty { background: transparent !important; } .bg-primary { background-color: #007bff !important; } .bg-success { background-color: #2dce89 !important; } .bg-info { background-color: #11cdef !important; } .bg-warning { background-color: #fb6340 !important; } .bg-danger { background-color: #f5365c !important; } .bg-muted { background-color: #6c757d !important; } .bg-inverse { background-color: #4c5667 !important; } .bg-purple { background-color: #BF55EC !important; } .bg-pink { background-color: #f76397 !important; } .bg-white { background-color: #ffffff !important; } .bg-facebook { background-color: #3b579d !important; } .bg-twitter { background-color: #1da1f2 !important; } .bg-google { background-color: #dc4a38 !important; } .bg-linkedin { background-color: #0177b4 !important; } .text-default { color: #d6d6d6 !important; } .text-blue { color: #19B5FE !important; } .text-light-blue { color: #89CFF0 !important; } .text-teal { color: #008081 !important; } .text-navy { color: #000080 !important; } .text-lime { color: #cad900 !important; } .text-orange { color: #FF8000 !important; } .text-yellow { color: #F7CA18 !important; } .text-aqua { color: #3ec5d6 !important; } .text-white { color: #ffffff !important; } .text-danger { color: #f5365c !important; } .text-green { color: #26C281 !important; } .text-primary { color: #007bff !important; } .text-warning { color: #fb6340 !important; } .text-success { color: #2dce89 !important; } .text-info { color: #11cdef !important; } .text-inverse { color: #4c5667 !important; } .text-pink { color: #f76397 !important; } .text-purple { color: #BF55EC !important; } .text-dark { color: #212121 !important; } .text-fuchsia { color: #df2de3 !important; } .text-red { color: #F22613 !important; } .text-facebook { color: #3b579d !important; } .text-twitter { color: #1da1f2 !important; } .text-instagram { color: #fb3958 !important; } .text-google { color: #dc4a38 !important; } .text-linkedin { color: #0177b4 !important; } .text-behance { color: #053eff !important; } .text-dribbble { color: #ea4c89 !important; } .text-red { color: #F22613 !important; } .min-width-zero { min-width: 0; } .w-10 { width: 10% !important; } .w-90 { width: 90% !important; } .w-12 { width: 12% !important; } .w-88 { width: 88% !important; } .w-15 { width: 15% !important; } .w-85 { width: 85% !important; } .w-20 { width: 20% !important; } .w-80 { width: 80% !important; } .w-30 { width: 30% !important; } .w-70 { width: 70% !important; } .w-40 { width: 40% !important; } .w-60 { width: 60% !important; } .hidden { display: none !important; } .d-inline-block { display: inline-block !important; } .d-block { display: block !important; } .visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; } .invisible { visibility: hidden; } .clearfix:before, .clearfix:after { content: " "; display: table; } .clearfix:after { clear: both; } @media only screen and (max-width: 1023px) { .w-sm-100 { width: 100% !important; } } @media only screen and (max-width: 767px) { .w-xs-100 { width: 100% !important; } } .card { border-color: #ffff; position: relative; width: 100%; border: none; margin-bottom: 30px; -webkit-box-shadow: 0 6px 0 0 rgba(0, 0, 0, 0.01), 0 15px 32px 0 rgba(0, 0, 0, 0.06); -moz-box-shadow: 0 6px 0 0 rgba(0, 0, 0, 0.01), 0 15px 32px 0 rgba(0, 0, 0, 0.06); box-shadow: 0 6px 0 0 rgba(0, 0, 0, 0.01), 0 15px 32px 0 rgba(0, 0, 0, 0.06); -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; } .card .card-header { padding: 20px 20px; border: 0; background: none; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; } .card .card-header:first-child { border-radius: calc(.25rem - 1px) calc(.25rem - 1px) 0 0; } .card .card-header h3 { margin: 0; font-size: 18px; font-weight: normal; color: #212121; } .card .card-header .card-options a:not(.dropdown-item) { width: 30px; height: 30px; padding: 0; border-radius: 50%; text-align: center; line-height: 33px; color: #212121; display: inline-block; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .card .card-header .card-options span { color: #444; font-size: 12px; } .card .card-header .card-search { position: relative; } .card .card-header .card-search .form-control { padding-right: 60px; font-size: 14px; max-height: 30px; min-height: 30px; } .card .card-header .card-search .form-control ~ .btn { position: absolute; right: 0; top: 0; padding: 0; width: 30px; height: 30px; line-height: 30px; border-radius: 4px; background-color: #eceff1; border: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .card .card-header .card-search.with-adv-search .adv-btn { background-color: transparent; border: 0; position: absolute; right: 30px; top: 0; width: 30px; height: 30px; line-height: 30px; padding: 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .card .card-header .card-search.with-adv-search .adv-search-wrap { padding: 20px; display: none; position: absolute; left: 30px !important; width: 100%; top: 30px; background-color: #ffffff; z-index: 4; -webkit-box-shadow: 0 2px 30px rgba(0, 0, 0, 0.08); -moz-box-shadow: 0 2px 30px rgba(0, 0, 0, 0.08); box-shadow: 0 2px 30px rgba(0, 0, 0, 0.08); border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; } .card .card-header .card-search.with-adv-search .adv-search-wrap .form-control { padding-right: 15px; } .card .card-header .card-search.with-adv-search .adv-search-wrap .btn { padding: 0 15px; font-size: 14px; height: 30px; border-radius: 30px; -webkit-border-radius: 30px; -moz-border-radius: 30px; } .card .card-header .card-search.with-adv-search .adv-search-wrap.show { display: block; } .card .card-header.note-toolbar { padding: 0 0 5px 5px; } .card .card-header .dropdown .checkbox-dropdown { padding: 0px; width: 16px; height: 16px; background-color: #dee2e6; border-radius: .25rem; margin-right: 15px; } .card .card-body { padding: 20px 20px; flex: 1 1 auto; position: relative; } .card .card-img { height: 100%; object-fit: cover; max-height: 200px; width: unset; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; } .card .card-img-overlay { background: rgba(0, 0, 0, 0.5); padding: 1.75rem; border-radius: 4px; } .card.icon-card .card-body i { font-size: 46px; line-height: 66px; color: #212121; } .card.icon-card .card-body .card-text { color: #8f8f8f; height: 30px; line-height: 26px; } .card.icon-card .card-body .lead { color: #212121; margin-bottom: 0; } .card .nav-pills.custom-pills { border-bottom: 1px solid #f1f1f1; } .card .nav-pills.custom-pills .nav-link { border-radius: 0; opacity: .7; font-size: 14px; padding: 12px 15px; } .card .nav-pills.custom-pills .nav-link.active { color: #ef4153; opacity: 1; background-color: transparent; border-bottom: 2px solid #ef4153; } .widget { border-color: #ffff; position: relative; width: 100%; border: none; margin-bottom: 30px; background-color: #fff; overflow: hidden; -webkit-box-shadow: 0 6px 0 0 rgba(0, 0, 0, 0.01), 0 15px 32px 0 rgba(0, 0, 0, 0.06); -moz-box-shadow: 0 6px 0 0 rgba(0, 0, 0, 0.01), 0 15px 32px 0 rgba(0, 0, 0, 0.06); box-shadow: 0 6px 0 0 rgba(0, 0, 0, 0.01), 0 15px 32px 0 rgba(0, 0, 0, 0.06); -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; } .widget .widget-header { padding: 10px 20px; border-bottom: 1px solid #f5f7f9; position: relative; } .widget .widget-header .widget-title { font-size: 18px; margin: 0; } .widget .widget-header .widget-tools { position: absolute; right: 10px; top: 5px; } .widget .widget-header .widget-tools .btn-widget-tool { padding: 5px; font-size: 16px; background: transparent; color: #97a0b3; } .widget .widget-header .widget-tools .btn-widget-tool i { margin: 0; } .widget .widget-header .widget-tools .btn-widget-tool:focus { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .widget .widget-body { padding: 20px 20px; } .widget .widget-body h6 { margin-bottom: 0; font-weight: 400; } .widget .widget-body h2 { margin-bottom: 0px; font-weight: 600; } .widget .widget-body .icon { font-size: 37px; color: #9aa0ac; } .widget .widget-body .overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.22); text-align: center; z-index: 3; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; -ms-flex-pack: center; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .widget .widget-body .overlay i { font-size: 32px; color: #ef4153; margin-bottom: 5px; } .widget .progress { border-radius: 0; } .widget[class*=bg-] .widget-header { background-color: rgba(255, 255, 255, 0.2); border-bottom-color: transparent; } .widget[class*=bg-] .widget-header .widget-title { color: #fff; } .widget[class*=bg-] .widget-header .widget-tools .btn-widget-tool { color: rgba(255, 255, 255, 0.6); } .widget[class*=bg-] .widget-body { color: #ffffff; } .widget[class*=bg-] .widget-body .icon { color: #ffffff; } .widget.social-widget .widget-body { text-align: center; } .loading { -webkit-animation-name: loading; animation-name: loading; -webkit-animation-duration: .75s; animation-duration: .75s; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-timing-function: linear; animation-timing-function: linear; } @-webkit-keyframes loading { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } to { -webkit-transform: rotate(1turn); transform: rotate(1turn); } } @keyframes loading { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } to { -webkit-transform: rotate(1turn); transform: rotate(1turn); } } .card-group .card:not(:last-child) { border-right: 1px solid #f1f1f1; } .card .card-header { border-bottom: 1px solid #f1f1f1; } .card .card-header .card-header-right { right: 10px; top: 16px; display: inline-block; float: right; position: absolute; } .card .card-header .card-header-right .card-option { width: 35px; height: 25px; overflow: hidden; margin: 0; -moz-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out; -webkit-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; } .card .card-header .card-header-right .card-option li { display: inline-block; } .card .card-header .card-header-right .card-option li i { margin: 0 5px; cursor: pointer; font-size: 15px; color: #8c8c8c; line-height: 2; font-weight: 300; } .card .card-block { padding: 1.25rem; } .card .card-body .icon { font-size: 37px; color: #9aa0ac; } .card .feeds-widget { padding: 0; } .card .feeds-widget .feed-item { display: block; padding: 12px 15px; border: 1px solid #efefef; border-left: 0; border-right: 0; } .card .feeds-widget .feed-item a { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; } .card .feeds-widget .feed-item a .feeds-left { width: 50px; font-size: 30px; } .card .feeds-widget .feed-item a .feeds-body { width: 100%; } .card .feeds-widget .feed-item a .feeds-body h4 { font-size: 16px; margin: 0; font-weight: 700; margin-bottom: 5px; } .card .feeds-widget .feed-item a .feeds-body h4 ~ small { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; width: calc(100% - 60px); font-size: 13px; color: #777; } .card .feeds-widget .feed-item.feed-item { margin-top: -1px; } .card .timeline .header { background-size: cover; color: #fff; position: relative; } .card .timeline .header .color-overlay { padding: 2em; box-sizing: border-box; background: rgba(123, 94, 155, 0.5); line-height: normal; } .card .timeline .header .color-overlay .day-number { font-size: 6em; margin-right: 15px; display: inline-block; font-weight: 700; line-height: 1; } .card .timeline .header .color-overlay .date-right { display: inline-block; } .card .timeline .header .color-overlay .date-right .day-name { font-size: 22px; } .card .timeline .header .color-overlay .date-right .month { text-transform: uppercase; margin-top: 2px; } .card .timeline ul { list-style: none; position: relative; padding-left: 30px; padding-top: 10px; margin: 0; } .card .timeline ul:before, .card .timeline ul::before { content: ' '; height: 100%; width: 1px; background-color: #f0f0f0; position: absolute; top: 0; left: 35px; z-index: 1; } .card .timeline ul li { padding-bottom: 15px; } .card .timeline ul li .bullet { width: 10px; height: 10px; display: inline-block; z-index: 2; position: relative; vertical-align: top; margin: 7px 0; margin-right: 5px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; } .card .timeline ul li .time { width: 20%; font-size: 10px; margin: 6px 0; vertical-align: top; display: inline-block; } .card .timeline ul li .desc { width: 65%; display: inline-block; } .card .timeline ul li .desc h3 { margin: 0; font-size: 14px; font-weight: 700; } .card .timeline ul li .desc h4 { margin-top: 5px; font-size: 12px; color: #999; } .card .task-list { margin: 0; padding: 0; } .card .task-list li { display: block; padding: 15px 0 15px 0; margin: 0; cursor: pointer; } .card .task-list li:first-child { padding-top: 0; } .card .task-list li.list span { float: left; margin-top: 20px; color: #FF7E39; } .card .task-list li.list span:before, .card .task-list li.list span::before { font-size: 1.5rem; content: "\e83f"; font-family: 'iconkit'; vertical-align: middle; border: 3px solid #FF7E39; padding: 4px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; } .card .task-list li.list .task-details { margin-left: 60px; } .card .task-list li.list .task-details p { margin: 0; padding: 10px 0 6px 0; line-height: 140%; } .card .task-list li.list .task-details p.date { padding: 0; margin: 0; font-size: .75rem; } .card .task-list li.completed { text-decoration: line-through; color: #8796af; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .card .task-list li.completed span:before, .card .task-list li.completed span::before { color: #50b924; border: 3px solid #50b924; } .card .chat-box .chat-list { margin: 0; padding: 0; list-style: none; } .card .chat-box .chat-list .chat-item { list-style: none; margin-top: 30px; } .card .chat-box .chat-list .chat-item .chat-img { display: inline-block; width: 45px; vertical-align: top; } .card .chat-box .chat-list .chat-item .chat-img img { width: 45px; border-radius: 100%; -webkit-border-radius: 100%; -moz-border-radius: 100%; } .card .chat-box .chat-list .chat-item .chat-content { width: calc(100% - 50px); display: inline-block; padding-left: 15px; } .card .chat-box .chat-list .chat-item .chat-content .box { display: inline-block; padding: 10px; margin-bottom: 3px; color: #343a40; background: #f6f8f9; border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; } .card .chat-box .chat-list .chat-item .chat-time { display: block; font-size: 10px; color: #4F5467; margin: 5px 0 15px 65px; } .card .chat-box .chat-list .chat-item.odd .chat-content { text-align: right; width: calc(100% - 0px); } .card .chat-box .chat-list .chat-item.odd .chat-content .box { clear: both; color: #fff; background: #137eff; } .card .chat-box .chat-list .chat-item.odd .chat-time { text-align: right; } .card .chat-box .chat-list .chat-item.odd + .odd { margin-top: 0; } .card .chat-box .chat-list .chat-item:first-child { margin-top: 0; } .card .chat-footer { position: relative; background-color: #ffffff; } .card .chat-footer .input-wrap { padding-right: 50px; } .card .chat-footer .btn { position: absolute; top: 10px; right: 20px; width: 35px; height: 35px; } .card .card-title { font-size: 18px; } .card .card-subtitle { font-weight: 300; margin-bottom: 10px; color: #afb5c1; } .jvectormap-tip { border: none; font-family: 'Nunito Sans', sans-serif; font-weight: 700; padding: 5px 10px; font-size: 11px; } .chart-line .ct-grid { stroke-dasharray: 0; stroke: rgba(255, 255, 255, 0.5); } .chart-line .ct-point { stroke-width: 0; } .chart-line .ct-line { stroke: #FFF; stroke-width: 3px; } .chart-shadow { transition: all 0.3s ease-in-out; filter: drop-shadow(0px 5px 2px rgba(43, 43, 43, 0.2)); } .card-blue, .card-green, .card-red, .card-yellow { position: relative; overflow: hidden; } .card-blue:after, .card-green:after, .card-red:after, .card-yellow:after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; } .card-blue .card-block, .card-blue .card-block-big, .card-blue .card-block-small, .card-blue .card-body, .card-blue .card-footer, .card-blue .card-header, .card-green .card-block, .card-green .card-block-big, .card-green .card-block-small, .card-green .card-body, .card-green .card-footer, .card-green .card-header, .card-red .card-block, .card-red .card-block-big, .card-red .card-block-small, .card-red .card-body, .card-red .card-footer, .card-red .card-header, .card-yellow .card-block, .card-yellow .card-block-big, .card-yellow .card-block-small, .card-yellow .card-body, .card-yellow .card-footer, .card-yellow .card-header { position: relative; z-index: 5; } .card-red::after { background: #f5365c; } .card-red .ct-line { stroke: #fff; } .card-red .ct-grid { stroke: #f97f97; } .card-blue::after { background: #007bff; } .card-blue .ct-line { stroke: #fff; } .card-blue .ct-grid { stroke: #4da3ff; } .card-green::after { background: #2dce89; } .card-green .ct-line { stroke: #fff; } .card-green .ct-grid { stroke: #69deac; } .card-yellow::after { background: #fb6340; } .card-yellow .ct-line { stroke: #fff; } .card-yellow .ct-grid { stroke: #fda08b; } .proj-progress-card .progress { height: 6px; overflow: visible; margin-bottom: 10px; } .proj-progress-card .progress .progress-bar { position: relative; } .proj-progress-card .progress .progress-bar:after { content: ""; background: #fff; position: absolute; right: -6px; top: -4px; border-radius: 50%; width: 15px; height: 15px; } .proj-progress-card .progress .progress-bar.bg-red:after { border: 3px solid #f5365c; } .proj-progress-card .progress .progress-bar.bg-blue:after { border: 3px solid #007bff; } .proj-progress-card .progress .progress-bar.bg-green:after { border: 3px solid #2dce89; } .proj-progress-card .progress .progress-bar.bg-yellow:after { border: 3px solid #fb6340; } @media only screen and (max-width: 992px) { .proj-progress-card h6 { margin-top: 15px; } .proj-progress-card .progress { margin-bottom: 30px; } } .sos-st-card h3 { display: inline-block; } .sos-st-card h3 i { color: #fff; font-size: 18px; width: 60px; height: 60px; border-radius: 50%; padding: 12px 0; text-align: center; margin-right: 15px; border: 10px solid transparent; transition: all 0.3s ease-in-out; } .sos-st-card h5 { position: relative; } .sos-st-card h5:after { content: ""; background: #d2d2d2; position: absolute; top: -20px; right: -15px; width: 1px; height: 60px; } .sos-st-card.facebook h3 { color: #3b579d; } .sos-st-card.facebook h3 i { background-color: #3b579d; border-color: #869cd2; } .sos-st-card.twitter h3 { color: #1da1f2; } .sos-st-card.twitter h3 i { background-color: #1da1f2; border-color: #96d3f9; } .sos-st-card.linkedin h3 { color: #0177b4; } .sos-st-card.linkedin h3 i { background-color: #0177b4; border-color: #37bafe; } .sos-st-card.dribble h3 { color: #ea4c89; } .sos-st-card.dribble h3 i { background-color: #ea4c89; border-color: #f7bed4; } .sos-st-card:hover h3 i { transform: scale(1.2) rotate(35deg); } @media only screen and (max-width: 768px) { .sos-st-card h3 i { font-size: 16px; width: 35px; height: 35px; padding: 7px 0; margin-right: 0; border-width: 3px; margin-left: -10px; } .sos-st-card h5:after { display: none; } } .wather-card { overflow: hidden; } .wather-card .wather-card-top { position: relative; overflow: hidden; min-height: 200px; background: linear-gradient(to bottom, #7a9af5, rgba(90, 179, 243, 0.5)); } .wather-card .wather-card-top .wave { position: absolute; left: 0; right: 0; top: auto; bottom: 0; z-index: 1; } .wather-card .wather-card-top .wave + .wave { z-index: 2; } .wather-card .wather-card-top .wave + .wave + .wave { z-index: 3; } .wather-card .wather-card-top .sun { background: #fff; position: absolute; top: 50px; left: 50px; width: 30px; height: 30px; border-radius: 50%; } .wather-card .wather-card-top .sun:after, .wather-card .wather-card-top .sun:before { content: ""; width: 100%; height: 100%; border-radius: 50%; position: absolute; box-shadow: inset 0 0 20px 5px rgba(255, 255, 255, 0.4); } .wather-card .wather-card-top .sun:after { animation: sunwawe 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite; } .wather-card .wather-card-top .sun:before { animation: sunwawe 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite; animation-delay: 1.15s; } .wather-card .wather-card-top .w-star1, .wather-card .wather-card-top .w-star2 { position: absolute; top: 0; left: 0; width: 100%; } .wather-card .wather-card-top .w-star1 { animation: sparcle 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite; } .wather-card .wather-card-top .w-star2 { animation: sparcle 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite; animation-delay: 1.15s; } .wather-card .wather-card-top .w-cloud { position: absolute; right: 30px; top: 60px; opacity: 0; animation: w-cluod 15s linear infinite; } @keyframes w-cluod { 0% { opacity: 0; transform: translate(0px, 0px); } 20% { opacity: 0.8; transform: translate(30px, -25px); } 40% { opacity: 1; transform: translate(0px, 0px); } 60% { opacity: 0.6; transform: translate(-30px, 25px); } 80% { opacity: 0.5; transform: translate(0px, 0px); } 80% { opacity: 0; transform: translate(0px, 0px); } } @keyframes sparcle { 0% { opacity: 1; } 50% { opacity: 0; } } @keyframes sunwawe { 0% { transform: scale(1); opacity: 1; } 100% { transform: scale(4); opacity: 0; } } .comp-card i { color: #fff; width: 50px; height: 50px; border-radius: 5px; text-align: center; padding: 17px 0; font-size: 18px; text-shadow: 0 6px 8px rgba(62, 57, 107, 0.18); transition: all 0.3s ease-in-out; } .comp-card:hover i { border-radius: 50%; } .proj-t-card { position: relative; overflow: hidden; } .proj-t-card .pt-badge { color: #fff; margin-bottom: 0; display: inline-block; padding: 60px 50px 20px 20px; border-radius: 50%; position: absolute; top: -45px; right: -35px; transition: all 0.3s ease-in-out; box-shadow: 0 5px 7px 0 rgba(62, 57, 107, 0.18); } .proj-t-card:hover .pt-badge { padding: 65px 55px 30px 30px; text-shadow: 0 3px 5px rgba(62, 57, 107, 0.5); box-shadow: 0 4px 4px 0 rgba(62, 57, 107, 0.3); } .prod-p-card i { background-color: #fff; width: 40px; height: 40px; border-radius: 50%; text-align: center; padding: 11px 0; font-size: 18px; transition: all 0.3s ease-in-out; box-shadow: 0 8px 15px rgba(62, 57, 107, 0.2); } .prod-p-card:hover i { box-shadow: 0 4px 4px rgba(62, 57, 107, 0.2); transform: scale(0.9) translatey(5px); } .ticket-card .lbl-card { box-shadow: 0 5px 4px -2px rgba(51, 51, 51, 0.16); border-radius: 5px; padding: 5px 15px; color: #fff; display: inline-block; } .analytic-card .analytic-icon { width: 50px; height: 50px; text-align: center; padding: 17px 0; border-radius: 50%; background-color: #fff; transition: all 0.3s ease-in-out; box-shadow: 0 8px 15px 0 rgba(51, 51, 51, 0.2); } .analytic-card:hover .analytic-icon { box-shadow: 0 4px 4px rgba(62, 57, 107, 0.2); transform: rotate(-15deg) translatey(5px); } .social-res-card .progress { height: 6px; } .product-progress-card .progress { height: 6px; } .product-progress-card .pp-cont { padding-left: 15px; padding-right: 15px; position: relative; } .product-progress-card .pp-cont:after { content: ""; background: #d2d2d2; width: 1px; height: 100%; position: absolute; top: 0; left: -15px; } .product-progress-card .pp-main > div:first-child .pp-cont:after { display: none; } @media only screen and (max-width: 992px) { .product-progress-card .pp-cont { margin-top: 15px; margin-bottom: 15px; } .product-progress-card .pp-cont:after { display: none; } } .social-card h2 { text-shadow: 0 8px 15px rgba(51, 51, 51, 0.2); transition: all 0.3s ease-in-out; } .social-card:hover h2 { text-shadow: 0 4px 4px rgba(51, 51, 51, 0.2); transform: scale(0.9) translatey(5px); } .user-card { overflow: hidden; } .user-card .user-img { border-radius: 50%; display: flex; align-items: center; width: 80px; height: 80px; margin: 0 auto; position: relative; box-shadow: 0 8px 15px 0 rgba(51, 51, 51, 0.2); } .user-card .user-img h5 { margin: 0 auto; } .user-card .user-img .link-share { position: absolute; padding: 4px 0; right: 0; bottom: 0; border-radius: 50%; width: 25px; height: 25px; background: #fff; color: #666; box-shadow: 0 8px 15px 0 rgba(51, 51, 51, 0.2); } .user-card .user-sub-img { position: relative; margin: 30px 0 10px; padding-top: 30px; } .user-card .user-sub-img > img { width: 30px; cursor: pointer; margin: 5px; } .user-card .user-sub-img:after { content: ""; width: 30px; height: 1px; background: #2b2b2b; position: absolute; top: 0; right: calc(50% - 15px); } .user-card .f-btn { cursor: pointer; transition: all 0.3s ease-in-out; } .user-card .f-btn a { transition: all 0.3s ease-in-out; } .user-card .f-btn:hover { background-color: #99caff; box-shadow: inset 0 5px 7px -3px rgba(43, 43, 43, 0.15); } .user-card .f-btn:hover a { color: #007bff; } .soc-cont-card { color: #fff; position: relative; overflow: hidden; } .soc-cont-card .soc-slider { margin-right: 85px; } .soc-cont-card .soc-cont-icon { color: #fff; font-size: 50px; width: 100px; text-align: center; position: absolute; right: 0; top: 20px; } .soc-cont-card .num-block { background: #fff; color: #ef4153; padding: 8px 15px; display: inline-block; margin: 5px 0 10px; border-radius: 5px; box-shadow: inset 0 1px 3px -1px rgba(43, 43, 43, 0.25); } .soc-cont-card .num-block + .num-block { margin-left: 15px; } .soc-cont-card .num-block i { font-size: 16px; opacity: 1; } .soc-cont-card .card-block { margin-bottom: 20px; padding-bottom: 10px; } .soc-cont-card:after { content: ""; background: rgba(255, 255, 255, 0.5); height: 20px; width: 100%; position: absolute; bottom: 0; left: 0; } @media only screen and (max-width: 575px) { .soc-cont-card .soc-slider { margin-right: 0; } .soc-cont-card .soc-cont-icon { font-size: 40px; width: 50px; top: auto; bottom: 35px; } } .st-cir-card { position: relative; overflow: hidden; } .st-cir-card .st-bt-lbl { font-size: 60px; font-weight: 700; opacity: 0.3; position: absolute; bottom: -30px; right: -5px; } .st-cir-card .st-cir-chart { position: relative; } .st-cir-card .st-cir-chart h5 { position: absolute; margin-bottom: 0; top: 50%; left: 50%; transform: translate(-50%, -50%); } .st-cir-card .ct-series-a .ct-slice-donut { stroke: #fff; } .st-cir-card.card-red .ct-series-b path { stroke: #fa97ab; } .st-cir-card.card-blue .ct-series-b path { stroke: #66b0ff; } .st-cir-card.card-green .ct-series-b path { stroke: #7ee3b8; } .st-cir-card.card-yellow .ct-series-b path { stroke: #fdb5a4; } .prod-bar-card .pbc-chart { width: 50px; margin: 0 auto 10px; } .prod-bar-card .radial-bar:after { box-shadow: 0 0 3px #fff; } .sale-card .s-chart { position: relative; } .sale-card .s-chart .bottom-line { background: #ccc; position: absolute; width: 80px; height: 3px; bottom: 30px; left: 50%; transform: translatex(-50%); } .sale-card .radial-bar { margin: 15px 0 35px; } .sale-card .radial-bar > img { box-shadow: 0 0 0 8px #fff; } .sale-card .s-caption { width: 20px; height: 20px; border-radius: 5px; display: inline-block; vertical-align: super; margin-right: 5px; } .sale-card .progress { height: 5px; } .sale-card .tot-rev-chart { position: relative; margin: 0 auto; } .sale-card .tot-rev-chart .ct-series-b path { stroke: #fff; } .sale-card .tot-rev-chart .ct-series-a .ct-slice-donut { stroke: #fb6340; } .sale-card .tot-rev-chart h3 { position: absolute; margin-bottom: 0; top: 50%; left: 50%; transform: translate(-50%, -50%); } .new-cust-card img { border: 2px solid #fff; box-shadow: 0 5px 10px 0 rgba(43, 43, 43, 0.2); } .new-cust-card h6 { margin-bottom: 0; } .new-cust-card .align-middle { position: relative; } .new-cust-card .align-middle .status { position: absolute; right: 0; top: 19px; font-size: 13px; } .new-cust-card .align-middle .status.active { width: 10px; height: 10px; border-radius: 50%; background: #2dce89; } .table-card .card-block { padding-left: 0; padding-right: 0; padding-top: 0; } .table-card .card-block .table > thead > tr > th { border-top: 0; } .table-card .card-block .table tr td:first-child, .table-card .card-block .table tr th:first-child { padding-left: 20px; } .table-card .card-block .table tr td:last-child, .table-card .card-block .table tr th:last-child { padding-right: 20px; } .table-card .card-block .table.without-header tr:first-child td { border-top: none; } .table-card .p-status { width: 10px; height: 10px; border-radius: 50%; } .latest-update-card .card-block { padding-top: 0; } .latest-update-card .card-block .latest-update-box { position: relative; } .latest-update-card .card-block .latest-update-box:after { content: ""; position: absolute; background: #ebebeb; height: 100%; width: 3px; top: 0; left: 19px; z-index: 1; } .latest-update-card .card-block .latest-update-box .update-meta { z-index: 2; } .latest-update-card .card-block .latest-update-box .update-meta .update-icon { width: 30px; height: 30px; border-radius: 50%; text-align: center; padding: 7px 8px; font-size: 16px; color: #fff; } .latest-update-card .card-block .latest-update-box .update-meta .update-icon.bg-red { box-shadow: 0 0 0 4px rgba(245, 54, 92, 0.5); } .latest-update-card .card-block .latest-update-box .update-meta .update-icon.bg-blue { box-shadow: 0 0 0 4px rgba(0, 123, 255, 0.5); } .latest-update-card .card-block .latest-update-box .update-meta .update-icon.bg-green { box-shadow: 0 0 0 4px rgba(45, 206, 137, 0.5); } .latest-update-card .card-block .latest-update-box .update-meta .update-icon.bg-yellow { box-shadow: 0 0 0 4px rgba(251, 99, 64, 0.5); } .latest-update-card .card-block .latest-update-box .update-meta .update-icon.ring { border-width: 3px; width: 15px; height: 15px; padding: 0; display: block; margin-left: 13px; background: #fff; } .latest-update-card .card-block .latest-update-box .update-meta i.update-icon { margin-left: 4px; margin-right: 19px; } .latest-update-card .card-block .latest-update-box .update-meta img.update-icon { padding: 0; width: 40px; height: 40px; } @media only screen and (max-width: 575px) { .latest-update-card .card-block .latest-update-box:after { display: none; } .latest-update-card .card-block .latest-update-box .update-meta { z-index: 2; min-width: 100%; text-align: left !important; margin-bottom: 15px; border-top: 1px solid #f1f1f1; padding-top: 15px; } } .testimonial-card .progress { height: 5px; } .testimonial-card .review-block .cust-img { width: 50px; height: 50px; } .testimonial-card .review-block > div { padding-top: 15px; padding-bottom: 15px; margin-left: 0; margin-right: 0; padding-left: 5px; padding-right: 5px; } .testimonial-card .review-block > div:hover { background-color: rgba(0, 123, 255, 0.1); } .feed-card h6 { margin-top: 7px; } .feed-card .feed-icon { color: #fff; border-radius: 50%; width: 30px; height: 30px; text-align: center; padding: 8px 9px; } .chat-card .msg { margin-bottom: 5px; display: inline-block; padding: 10px; position: relative; } .chat-card .msg img { width: 60px; border-radius: 5px; margin-bottom: 5px; margin-top: 5px; margin-right: 10px; } .chat-card .received-chat .msg { background: rgba(0, 123, 255, 0.1); border-radius: 0 5px 5px 5px; box-shadow: 2px 3px 7px 0 rgba(43, 43, 43, 0.15); } .chat-card .received-chat .msg:after { content: ""; position: absolute; left: -7px; top: -7px; transform: rotate(45deg); border: 7px solid transparent; border-bottom-color: rgba(0, 123, 255, 0.1); } .chat-card .send-chat { text-align: right; } .chat-card .send-chat .msg { background: rgba(45, 206, 137, 0.1); border-radius: 5px 0 5px 5px; box-shadow: -2px 3px 7px 0 rgba(43, 43, 43, 0.15); } .chat-card .send-chat .msg:after { content: ""; position: absolute; right: -7px; top: -7px; transform: rotate(45deg); border: 7px solid transparent; border-right-color: rgba(45, 206, 137, 0.1); } /* ------------------------------------- * Bar container * ------------------------------------- */ .radial-bar { position: relative; display: inline-block; border-radius: 50%; background-color: transparent; margin-bottom: 20px; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; width: 80px; height: 80px; font-size: 18px; } .radial-bar:after, .radial-bar > img { display: inline-block; position: absolute; top: 0; left: 0; border-radius: 50%; text-align: center; font-weight: 500; color: #455a64; } .radial-bar:after { content: attr(data-label); background-color: #fff; z-index: 55; } .radial-bar > img { z-index: 102; } .radial-bar:after, .radial-bar > img { width: 56px; height: 56px; margin-left: 12px; margin-top: 12px; line-height: 56px; } .radial-bar.radial-bar-0 { background-image: linear-gradient(90deg, #d6d6d6 50%, transparent 50%, transparent), linear-gradient(90deg, #448aff 50%, #d6d6d6 50%, #d6d6d6); } .radial-bar.radial-bar-5 { background-image: linear-gradient(90deg, #d6d6d6 50%, transparent 50%, transparent), linear-gradient(108deg, #448aff 50%, #d6d6d6 50%, #d6d6d6); } .radial-bar.radial-bar-10 { background-image: linear-gradient(90deg, #d6d6d6 50%, transparent 50%, transparent), linear-gradient(126deg, #448aff 50%, #d6d6d6 50%, #d6d6d6); } .radial-bar.radial-bar-15 { background-image: linear-gradient(90deg, #d6d6d6 50%, transparent 50%, transparent), linear-gradient(144deg, #448aff 50%, #d6d6d6 50%, #d6d6d6); } .radial-bar.radial-bar-20 { background-image: linear-gradient(90deg, #d6d6d6 50%, transparent 50%, transparent), linear-gradient(162deg, #448aff 50%, #d6d6d6 50%, #d6d6d6); } .radial-bar.radial-bar-25 { background-image: linear-gradient(90deg, #d6d6d6 50%, transparent 50%, transparent), linear-gradient(180deg, #448aff 50%, #d6d6d6 50%, #d6d6d6); } .radial-bar.radial-bar-30 { background-image: linear-gradient(90deg, #d6d6d6 50%, transparent 50%, transparent), linear-gradient(198deg, #448aff 50%, #d6d6d6 50%, #d6d6d6); } .radial-bar.radial-bar-35 { background-image: linear-gradient(90deg, #d6d6d6 50%, transparent 50%, transparent), linear-gradient(216deg, #448aff 50%, #d6d6d6 50%, #d6d6d6); } .radial-bar.radial-bar-40 { background-image: linear-gradient(90deg, #d6d6d6 50%, transparent 50%, transparent), linear-gradient(234deg, #448aff 50%, #d6d6d6 50%, #d6d6d6); } .radial-bar.radial-bar-45 { background-image: linear-gradient(90deg, #d6d6d6 50%, transparent 50%, transparent), linear-gradient(252deg, #448aff 50%, #d6d6d6 50%, #d6d6d6); } .radial-bar.radial-bar-50 { background-image: linear-gradient(270deg, #448aff 50%, transparent 50%, transparent), linear-gradient(270deg, #448aff 50%, #d6d6d6 50%, #d6d6d6); } .radial-bar.radial-bar-55 { background-image: linear-gradient(288deg, #448aff 50%, transparent 50%, transparent), linear-gradient(270deg, #448aff 50%, #d6d6d6 50%, #d6d6d6); } .radial-bar.radial-bar-60 { background-image: linear-gradient(306deg, #448aff 50%, transparent 50%, transparent), linear-gradient(270deg, #448aff 50%, #d6d6d6 50%, #d6d6d6); } .radial-bar.radial-bar-65 { background-image: linear-gradient(324deg, #448aff 50%, transparent 50%, transparent), linear-gradient(270deg, #448aff 50%, #d6d6d6 50%, #d6d6d6); } .radial-bar.radial-bar-70 { background-image: linear-gradient(342deg, #448aff 50%, transparent 50%, transparent), linear-gradient(270deg, #448aff 50%, #d6d6d6 50%, #d6d6d6); } .radial-bar.radial-bar-75 { background-image: linear-gradient(360deg, #448aff 50%, transparent 50%, transparent), linear-gradient(270deg, #448aff 50%, #d6d6d6 50%, #d6d6d6); } .radial-bar.radial-bar-80 { background-image: linear-gradient(378deg, #448aff 50%, transparent 50%, transparent), linear-gradient(270deg, #448aff 50%, #d6d6d6 50%, #d6d6d6); } .radial-bar.radial-bar-85 { background-image: linear-gradient(396deg, #448aff 50%, transparent 50%, transparent), linear-gradient(270deg, #448aff 50%, #d6d6d6 50%, #d6d6d6); } .radial-bar.radial-bar-90 { background-image: linear-gradient(414deg, #448aff 50%, transparent 50%, transparent), linear-gradient(270deg, #448aff 50%, #d6d6d6 50%, #d6d6d6); } .radial-bar.radial-bar-95 { background-image: linear-gradient(432deg, #448aff 50%, transparent 50%, transparent), linear-gradient(270deg, #448aff 50%, #d6d6d6 50%, #d6d6d6); } .radial-bar.radial-bar-100 { background-image: linear-gradient(450deg, #448aff 50%, transparent 50%, transparent), linear-gradient(270deg, #448aff 50%, #d6d6d6 50%, #d6d6d6); } .radial-bar-primary.radial-bar-0 { background-image: linear-gradient(90deg, #d6d6d6 50%, transparent 50%, transparent), linear-gradient(90deg, #448aff 50%, #d6d6d6 50%, #d6d6d6); } .radial-bar-primary.radial-bar-5 { background-image: linear-gradient(90deg, #d6d6d6 50%, transparent 50%, transparent), linear-gradient(108deg, #448aff 50%, #d6d6d6 50%, #d6d6d6); } .radial-bar-primary.radial-bar-10 { background-image: linear-gradient(90deg, #d6d6d6 50%, transparent 50%, transparent), linear-gradient(126deg, #448aff 50%, #d6d6d6 50%, #d6d6d6); } .radial-bar-primary.radial-bar-15 { background-image: linear-gradient(90deg, #d6d6d6 50%, transparent 50%, transparent), linear-gradient(144deg, #448aff 50%, #d6d6d6 50%, #d6d6d6); } .radial-bar-primary.radial-bar-20 { background-image: linear-gradient(90deg, #d6d6d6 50%, transparent 50%, transparent), linear-gradient(162deg, #448aff 50%, #d6d6d6 50%, #d6d6d6); } .radial-bar-primary.radial-bar-25 { background-image: linear-gradient(90deg, #d6d6d6 50%, transparent 50%, transparent), linear-gradient(180deg, #448aff 50%, #d6d6d6 50%, #d6d6d6); } .radial-bar-primary.radial-bar-30 { background-image: linear-gradient(90deg, #d6d6d6 50%, transparent 50%, transparent), linear-gradient(198deg, #448aff 50%, #d6d6d6 50%, #d6d6d6); } .radial-bar-primary.radial-bar-35 { background-image: linear-gradient(90deg, #d6d6d6 50%, transparent 50%, transparent), linear-gradient(216deg, #448aff 50%, #d6d6d6 50%, #d6d6d6); } .radial-bar-primary.radial-bar-40 { background-image: linear-gradient(90deg, #d6d6d6 50%, transparent 50%, transparent), linear-gradient(234deg, #448aff 50%, #d6d6d6 50%, #d6d6d6); } .radial-bar-primary.radial-bar-45 { background-image: linear-gradient(90deg, #d6d6d6 50%, transparent 50%, transparent), linear-gradient(252deg, #448aff 50%, #d6d6d6 50%, #d6d6d6); } .radial-bar-primary.radial-bar-50 { background-image: linear-gradient(270deg, #448aff 50%, transparent 50%, transparent), linear-gradient(270deg, #448aff 50%, #d6d6d6 50%, #d6d6d6); } .radial-bar-primary.radial-bar-55 { background-image: linear-gradient(288deg, #448aff 50%, transparent 50%, transparent), linear-gradient(270deg, #448aff 50%, #d6d6d6 50%, #d6d6d6); } .radial-bar-primary.radial-bar-60 { background-image: linear-gradient(306deg, #448aff 50%, transparent 50%, transparent), linear-gradient(270deg, #448aff 50%, #d6d6d6 50%, #d6d6d6); } .radial-bar-primary.radial-bar-65 { background-image: linear-gradient(324deg, #448aff 50%, transparent 50%, transparent), linear-gradient(270deg, #448aff 50%, #d6d6d6 50%, #d6d6d6); } .radial-bar-primary.radial-bar-70 { background-image: linear-gradient(342deg, #448aff 50%, transparent 50%, transparent), linear-gradient(270deg, #448aff 50%, #d6d6d6 50%, #d6d6d6); } .radial-bar-primary.radial-bar-75 { background-image: linear-gradient(360deg, #448aff 50%, transparent 50%, transparent), linear-gradient(270deg, #448aff 50%, #d6d6d6 50%, #d6d6d6); } .radial-bar-primary.radial-bar-80 { background-image: linear-gradient(378deg, #448aff 50%, transparent 50%, transparent), linear-gradient(270deg, #448aff 50%, #d6d6d6 50%, #d6d6d6); } .radial-bar-primary.radial-bar-85 { background-image: linear-gradient(396deg, #448aff 50%, transparent 50%, transparent), linear-gradient(270deg, #448aff 50%, #d6d6d6 50%, #d6d6d6); } .radial-bar-primary.radial-bar-90 { background-image: linear-gradient(414deg, #448aff 50%, transparent 50%, transparent), linear-gradient(270deg, #448aff 50%, #d6d6d6 50%, #d6d6d6); } .radial-bar-primary.radial-bar-95 { background-image: linear-gradient(432deg, #448aff 50%, transparent 50%, transparent), linear-gradient(270deg, #448aff 50%, #d6d6d6 50%, #d6d6d6); } .radial-bar-primary.radial-bar-100 { background-image: linear-gradient(450deg, #448aff 50%, transparent 50%, transparent), linear-gradient(270deg, #448aff 50%, #d6d6d6 50%, #d6d6d6); } .radial-bar-success.radial-bar-0 { background-image: linear-gradient(90deg, #d6d6d6 50%, transparent 50%, transparent), linear-gradient(90deg, #11c15b 50%, #d6d6d6 50%, #d6d6d6); } .radial-bar-success.radial-bar-5 { background-image: linear-gradient(90deg, #d6d6d6 50%, transparent 50%, transparent), linear-gradient(108deg, #11c15b 50%, #d6d6d6 50%, #d6d6d6); } .radial-bar-success.radial-bar-10 { background-image: linear-gradient(90deg, #d6d6d6 50%, transparent 50%, transparent), linear-gradient(126deg, #11c15b 50%, #d6d6d6 50%, #d6d6d6); } .radial-bar-success.radial-bar-15 { background-image: linear-gradient(90deg, #d6d6d6 50%, transparent 50%, transparent), linear-gradient(144deg, #11c15b 50%, #d6d6d6 50%, #d6d6d6); } .radial-bar-success.radial-bar-20 { background-image: linear-gradient(90deg, #d6d6d6 50%, transparent 50%, transparent), linear-gradient(162deg, #11c15b 50%, #d6d6d6 50%, #d6d6d6); } .radial-bar-success.radial-bar-25 { background-image: linear-gradient(90deg, #d6d6d6 50%, transparent 50%, transparent), linear-gradient(180deg, #11c15b 50%, #d6d6d6 50%, #d6d6d6); } .radial-bar-success.radial-bar-30 { background-image: linear-gradient(90deg, #d6d6d6 50%, transparent 50%, transparent), linear-gradient(198deg, #11c15b 50%, #d6d6d6 50%, #d6d6d6); } .radial-bar-success.radial-bar-35 { background-image: linear-gradient(90deg, #d6d6d6 50%, transparent 50%, transparent), linear-gradient(216deg, #11c15b 50%, #d6d6d6 50%, #d6d6d6); } .radial-bar-success.radial-bar-40 { background-image: linear-gradient(90deg, #d6d6d6 50%, transparent 50%, transparent), linear-gradient(234deg, #11c15b 50%, #d6d6d6 50%, #d6d6d6); } .radial-bar-success.radial-bar-45 { background-image: linear-gradient(90deg, #d6d6d6 50%, transparent 50%, transparent), linear-gradient(252deg, #11c15b 50%, #d6d6d6 50%, #d6d6d6); } .radial-bar-success.radial-bar-50 { background-image: linear-gradient(270deg, #11c15b 50%, transparent 50%, transparent), linear-gradient(270deg, #11c15b 50%, #d6d6d6 50%, #d6d6d6); } .radial-bar-success.radial-bar-55 { background-image: linear-gradient(288deg, #11c15b 50%, transparent 50%, transparent), linear-gradient(270deg, #11c15b 50%, #d6d6d6 50%, #d6d6d6); } .radial-bar-success.radial-bar-60 { background-image: linear-gradient(306deg, #11c15b 50%, transparent 50%, transparent), linear-gradient(270deg, #11c15b 50%, #d6d6d6 50%, #d6d6d6); } .radial-bar-success.radial-bar-65 { background-image: linear-gradient(324deg, #11c15b 50%, transparent 50%, transparent), linear-gradient(270deg, #11c15b 50%, #d6d6d6 50%, #d6d6d6); } .radial-bar-success.radial-bar-70 { background-image: linear-gradient(342deg, #11c15b 50%, transparent 50%, transparent), linear-gradient(270deg, #11c15b 50%, #d6d6d6 50%, #d6d6d6); } .radial-bar-success.radial-bar-75 { background-image: linear-gradient(360deg, #11c15b 50%, transparent 50%, transparent), linear-gradient(270deg, #11c15b 50%, #d6d6d6 50%, #d6d6d6); } .radial-bar-success.radial-bar-80 { background-image: linear-gradient(378deg, #11c15b 50%, transparent 50%, transparent), linear-gradient(270deg, #11c15b 50%, #d6d6d6 50%, #d6d6d6); } .radial-bar-success.radial-bar-85 { background-image: linear-gradient(396deg, #11c15b 50%, transparent 50%, transparent), linear-gradient(270deg, #11c15b 50%, #d6d6d6 50%, #d6d6d6); } .radial-bar-success.radial-bar-90 { background-image: linear-gradient(414deg, #11c15b 50%, transparent 50%, transparent), linear-gradient(270deg, #11c15b 50%, #d6d6d6 50%, #d6d6d6); } .radial-bar-success.radial-bar-95 { background-image: linear-gradient(432deg, #11c15b 50%, transparent 50%, transparent), linear-gradient(270deg, #11c15b 50%, #d6d6d6 50%, #d6d6d6); } .radial-bar-success.radial-bar-100 { background-image: linear-gradient(450deg, #11c15b 50%, transparent 50%, transparent), linear-gradient(270deg, #11c15b 50%, #d6d6d6 50%, #d6d6d6); } .radial-bar-info.radial-bar-0 { background-image: linear-gradient(90deg, #d6d6d6 50%, transparent 50%, transparent), linear-gradient(90deg, #00bcd4 50%, #d6d6d6 50%, #d6d6d6); } .radial-bar-info.radial-bar-5 { background-image: linear-gradient(90deg, #d6d6d6 50%, transparent 50%, transparent), linear-gradient(108deg, #00bcd4 50%, #d6d6d6 50%, #d6d6d6); } .radial-bar-info.radial-bar-10 { background-image: linear-gradient(90deg, #d6d6d6 50%, transparent 50%, transparent), linear-gradient(126deg, #00bcd4 50%, #d6d6d6 50%, #d6d6d6); } .radial-bar-info.radial-bar-15 { background-image: linear-gradient(90deg, #d6d6d6 50%, transparent 50%, transparent), linear-gradient(144deg, #00bcd4 50%, #d6d6d6 50%, #d6d6d6); } .radial-bar-info.radial-bar-20 { background-image: linear-gradient(90deg, #d6d6d6 50%, transparent 50%, transparent), linear-gradient(162deg, #00bcd4 50%, #d6d6d6 50%, #d6d6d6); } .radial-bar-info.radial-bar-25 { background-image: linear-gradient(90deg, #d6d6d6 50%, transparent 50%, transparent), linear-gradient(180deg, #00bcd4 50%, #d6d6d6 50%, #d6d6d6); } .radial-bar-info.radial-bar-30 { background-image: linear-gradient(90deg, #d6d6d6 50%, transparent 50%, transparent), linear-gradient(198deg, #00bcd4 50%, #d6d6d6 50%, #d6d6d6); } .radial-bar-info.radial-bar-35 { background-image: linear-gradient(90deg, #d6d6d6 50%, transparent 50%, transparent), linear-gradient(216deg, #00bcd4 50%, #d6d6d6 50%, #d6d6d6); } .radial-bar-info.radial-bar-40 { background-image: linear-gradient(90deg, #d6d6d6 50%, transparent 50%, transparent), linear-gradient(234deg, #00bcd4 50%, #d6d6d6 50%, #d6d6d6); } .radial-bar-info.radial-bar-45 { background-image: linear-gradient(90deg, #d6d6d6 50%, transparent 50%, transparent), linear-gradient(252deg, #00bcd4 50%, #d6d6d6 50%, #d6d6d6); } .radial-bar-info.radial-bar-50 { background-image: linear-gradient(270deg, #00bcd4 50%, transparent 50%, transparent), linear-gradient(270deg, #00bcd4 50%, #d6d6d6 50%, #d6d6d6); } .radial-bar-info.radial-bar-55 { background-image: linear-gradient(288deg, #00bcd4 50%, transparent 50%, transparent), linear-gradient(270deg, #00bcd4 50%, #d6d6d6 50%, #d6d6d6); } .radial-bar-info.radial-bar-60 { background-image: linear-gradient(306deg, #00bcd4 50%, transparent 50%, transparent), linear-gradient(270deg, #00bcd4 50%, #d6d6d6 50%, #d6d6d6); } .radial-bar-info.radial-bar-65 { background-image: linear-gradient(324deg, #00bcd4 50%, transparent 50%, transparent), linear-gradient(270deg, #00bcd4 50%, #d6d6d6 50%, #d6d6d6); } .radial-bar-info.radial-bar-70 { background-image: linear-gradient(342deg, #00bcd4 50%, transparent 50%, transparent), linear-gradient(270deg, #00bcd4 50%, #d6d6d6 50%, #d6d6d6); } .radial-bar-info.radial-bar-75 { background-image: linear-gradient(360deg, #00bcd4 50%, transparent 50%, transparent), linear-gradient(270deg, #00bcd4 50%, #d6d6d6 50%, #d6d6d6); } .radial-bar-info.radial-bar-80 { background-image: linear-gradient(378deg, #00bcd4 50%, transparent 50%, transparent), linear-gradient(270deg, #00bcd4 50%, #d6d6d6 50%, #d6d6d6); } .radial-bar-info.radial-bar-85 { background-image: linear-gradient(396deg, #00bcd4 50%, transparent 50%, transparent), linear-gradient(270deg, #00bcd4 50%, #d6d6d6 50%, #d6d6d6); } .radial-bar-info.radial-bar-90 { background-image: linear-gradient(414deg, #00bcd4 50%, transparent 50%, transparent), linear-gradient(270deg, #00bcd4 50%, #d6d6d6 50%, #d6d6d6); } .radial-bar-info.radial-bar-95 { background-image: linear-gradient(432deg, #00bcd4 50%, transparent 50%, transparent), linear-gradient(270deg, #00bcd4 50%, #d6d6d6 50%, #d6d6d6); } .radial-bar-info.radial-bar-100 { background-image: linear-gradient(450deg, #00bcd4 50%, transparent 50%, transparent), linear-gradient(270deg, #00bcd4 50%, #d6d6d6 50%, #d6d6d6); } .radial-bar-warning.radial-bar-0 { background-image: linear-gradient(90deg, #d6d6d6 50%, transparent 50%, transparent), linear-gradient(90deg, #ffe100 50%, #d6d6d6 50%, #d6d6d6); } .radial-bar-warning.radial-bar-5 { background-image: linear-gradient(90deg, #d6d6d6 50%, transparent 50%, transparent), linear-gradient(108deg, #ffe100 50%, #d6d6d6 50%, #d6d6d6); } .radial-bar-warning.radial-bar-10 { background-image: linear-gradient(90deg, #d6d6d6 50%, transparent 50%, transparent), linear-gradient(126deg, #ffe100 50%, #d6d6d6 50%, #d6d6d6); } .radial-bar-warning.radial-bar-15 { background-image: linear-gradient(90deg, #d6d6d6 50%, transparent 50%, transparent), linear-gradient(144deg, #ffe100 50%, #d6d6d6 50%, #d6d6d6); } .radial-bar-warning.radial-bar-20 { background-image: linear-gradient(90deg, #d6d6d6 50%, transparent 50%, transparent), linear-gradient(162deg, #ffe100 50%, #d6d6d6 50%, #d6d6d6); } .radial-bar-warning.radial-bar-25 { background-image: linear-gradient(90deg, #d6d6d6 50%, transparent 50%, transparent), linear-gradient(180deg, #ffe100 50%, #d6d6d6 50%, #d6d6d6); } .radial-bar-warning.radial-bar-30 { background-image: linear-gradient(90deg, #d6d6d6 50%, transparent 50%, transparent), linear-gradient(198deg, #ffe100 50%, #d6d6d6 50%, #d6d6d6); } .radial-bar-warning.radial-bar-35 { background-image: linear-gradient(90deg, #d6d6d6 50%, transparent 50%, transparent), linear-gradient(216deg, #ffe100 50%, #d6d6d6 50%, #d6d6d6); } .radial-bar-warning.radial-bar-40 { background-image: linear-gradient(90deg, #d6d6d6 50%, transparent 50%, transparent), linear-gradient(234deg, #ffe100 50%, #d6d6d6 50%, #d6d6d6); } .radial-bar-warning.radial-bar-45 { background-image: linear-gradient(90deg, #d6d6d6 50%, transparent 50%, transparent), linear-gradient(252deg, #ffe100 50%, #d6d6d6 50%, #d6d6d6); } .radial-bar-warning.radial-bar-50 { background-image: linear-gradient(270deg, #ffe100 50%, transparent 50%, transparent), linear-gradient(270deg, #ffe100 50%, #d6d6d6 50%, #d6d6d6); } .radial-bar-warning.radial-bar-55 { background-image: linear-gradient(288deg, #ffe100 50%, transparent 50%, transparent), linear-gradient(270deg, #ffe100 50%, #d6d6d6 50%, #d6d6d6); } .radial-bar-warning.radial-bar-60 { background-image: linear-gradient(306deg, #ffe100 50%, transparent 50%, transparent), linear-gradient(270deg, #ffe100 50%, #d6d6d6 50%, #d6d6d6); } .radial-bar-warning.radial-bar-65 { background-image: linear-gradient(324deg, #ffe100 50%, transparent 50%, transparent), linear-gradient(270deg, #ffe100 50%, #d6d6d6 50%, #d6d6d6); } .radial-bar-warning.radial-bar-70 { background-image: linear-gradient(342deg, #ffe100 50%, transparent 50%, transparent), linear-gradient(270deg, #ffe100 50%, #d6d6d6 50%, #d6d6d6); } .radial-bar-warning.radial-bar-75 { background-image: linear-gradient(360deg, #ffe100 50%, transparent 50%, transparent), linear-gradient(270deg, #ffe100 50%, #d6d6d6 50%, #d6d6d6); } .radial-bar-warning.radial-bar-80 { background-image: linear-gradient(378deg, #ffe100 50%, transparent 50%, transparent), linear-gradient(270deg, #ffe100 50%, #d6d6d6 50%, #d6d6d6); } .radial-bar-warning.radial-bar-85 { background-image: linear-gradient(396deg, #ffe100 50%, transparent 50%, transparent), linear-gradient(270deg, #ffe100 50%, #d6d6d6 50%, #d6d6d6); } .radial-bar-warning.radial-bar-90 { background-image: linear-gradient(414deg, #ffe100 50%, transparent 50%, transparent), linear-gradient(270deg, #ffe100 50%, #d6d6d6 50%, #d6d6d6); } .radial-bar-warning.radial-bar-95 { background-image: linear-gradient(432deg, #ffe100 50%, transparent 50%, transparent), linear-gradient(270deg, #ffe100 50%, #d6d6d6 50%, #d6d6d6); } .radial-bar-warning.radial-bar-100 { background-image: linear-gradient(450deg, #ffe100 50%, transparent 50%, transparent), linear-gradient(270deg, #ffe100 50%, #d6d6d6 50%, #d6d6d6); } .radial-bar-danger.radial-bar-0 { background-image: linear-gradient(90deg, #d6d6d6 50%, transparent 50%, transparent), linear-gradient(90deg, #e53935 50%, #d6d6d6 50%, #d6d6d6); } .radial-bar-danger.radial-bar-5 { background-image: linear-gradient(90deg, #d6d6d6 50%, transparent 50%, transparent), linear-gradient(108deg, #e53935 50%, #d6d6d6 50%, #d6d6d6); } .radial-bar-danger.radial-bar-10 { background-image: linear-gradient(90deg, #d6d6d6 50%, transparent 50%, transparent), linear-gradient(126deg, #e53935 50%, #d6d6d6 50%, #d6d6d6); } .radial-bar-danger.radial-bar-15 { background-image: linear-gradient(90deg, #d6d6d6 50%, transparent 50%, transparent), linear-gradient(144deg, #e53935 50%, #d6d6d6 50%, #d6d6d6); } .radial-bar-danger.radial-bar-20 { background-image: linear-gradient(90deg, #d6d6d6 50%, transparent 50%, transparent), linear-gradient(162deg, #e53935 50%, #d6d6d6 50%, #d6d6d6); } .radial-bar-danger.radial-bar-25 { background-image: linear-gradient(90deg, #d6d6d6 50%, transparent 50%, transparent), linear-gradient(180deg, #e53935 50%, #d6d6d6 50%, #d6d6d6); } .radial-bar-danger.radial-bar-30 { background-image: linear-gradient(90deg, #d6d6d6 50%, transparent 50%, transparent), linear-gradient(198deg, #e53935 50%, #d6d6d6 50%, #d6d6d6); } .radial-bar-danger.radial-bar-35 { background-image: linear-gradient(90deg, #d6d6d6 50%, transparent 50%, transparent), linear-gradient(216deg, #e53935 50%, #d6d6d6 50%, #d6d6d6); } .radial-bar-danger.radial-bar-40 { background-image: linear-gradient(90deg, #d6d6d6 50%, transparent 50%, transparent), linear-gradient(234deg, #e53935 50%, #d6d6d6 50%, #d6d6d6); } .radial-bar-danger.radial-bar-45 { background-image: linear-gradient(90deg, #d6d6d6 50%, transparent 50%, transparent), linear-gradient(252deg, #e53935 50%, #d6d6d6 50%, #d6d6d6); } .radial-bar-danger.radial-bar-50 { background-image: linear-gradient(270deg, #e53935 50%, transparent 50%, transparent), linear-gradient(270deg, #e53935 50%, #d6d6d6 50%, #d6d6d6); } .radial-bar-danger.radial-bar-55 { background-image: linear-gradient(288deg, #e53935 50%, transparent 50%, transparent), linear-gradient(270deg, #e53935 50%, #d6d6d6 50%, #d6d6d6); } .radial-bar-danger.radial-bar-60 { background-image: linear-gradient(306deg, #e53935 50%, transparent 50%, transparent), linear-gradient(270deg, #e53935 50%, #d6d6d6 50%, #d6d6d6); } .radial-bar-danger.radial-bar-65 { background-image: linear-gradient(324deg, #e53935 50%, transparent 50%, transparent), linear-gradient(270deg, #e53935 50%, #d6d6d6 50%, #d6d6d6); } .radial-bar-danger.radial-bar-70 { background-image: linear-gradient(342deg, #e53935 50%, transparent 50%, transparent), linear-gradient(270deg, #e53935 50%, #d6d6d6 50%, #d6d6d6); } .radial-bar-danger.radial-bar-75 { background-image: linear-gradient(360deg, #e53935 50%, transparent 50%, transparent), linear-gradient(270deg, #e53935 50%, #d6d6d6 50%, #d6d6d6); } .radial-bar-danger.radial-bar-80 { background-image: linear-gradient(378deg, #e53935 50%, transparent 50%, transparent), linear-gradient(270deg, #e53935 50%, #d6d6d6 50%, #d6d6d6); } .radial-bar-danger.radial-bar-85 { background-image: linear-gradient(396deg, #e53935 50%, transparent 50%, transparent), linear-gradient(270deg, #e53935 50%, #d6d6d6 50%, #d6d6d6); } .radial-bar-danger.radial-bar-90 { background-image: linear-gradient(414deg, #e53935 50%, transparent 50%, transparent), linear-gradient(270deg, #e53935 50%, #d6d6d6 50%, #d6d6d6); } .radial-bar-danger.radial-bar-95 { background-image: linear-gradient(432deg, #e53935 50%, transparent 50%, transparent), linear-gradient(270deg, #e53935 50%, #d6d6d6 50%, #d6d6d6); } .radial-bar-danger.radial-bar-100 { background-image: linear-gradient(450deg, #e53935 50%, transparent 50%, transparent), linear-gradient(270deg, #e53935 50%, #d6d6d6 50%, #d6d6d6); } /* -- Radial Default -- */ .radial-bar-default.radial-bar-0 { background-image: linear-gradient(90deg, #d6d6d6 50%, transparent 50%, transparent), linear-gradient(90deg, #FE8A7D 50%, #d6d6d6 50%, #d6d6d6); } .radial-bar-default.radial-bar-5 { background-image: linear-gradient(90deg, #d6d6d6 50%, transparent 50%, transparent), linear-gradient(108deg, #FE8A7D 50%, #d6d6d6 50%, #d6d6d6); } .radial-bar-default.radial-bar-10 { background-image: linear-gradient(90deg, #d6d6d6 50%, transparent 50%, transparent), linear-gradient(126deg, #FE8A7D 50%, #d6d6d6 50%, #d6d6d6); } .radial-bar-default.radial-bar-15 { background-image: linear-gradient(90deg, #d6d6d6 50%, transparent 50%, transparent), linear-gradient(144deg, #FE8A7D 50%, #d6d6d6 50%, #d6d6d6); } .radial-bar-default.radial-bar-20 { background-image: linear-gradient(90deg, #d6d6d6 50%, transparent 50%, transparent), linear-gradient(162deg, #FE8A7D 50%, #d6d6d6 50%, #d6d6d6); } .radial-bar-default.radial-bar-25 { background-image: linear-gradient(90deg, #d6d6d6 50%, transparent 50%, transparent), linear-gradient(180deg, #FE8A7D 50%, #d6d6d6 50%, #d6d6d6); } .radial-bar-default.radial-bar-30 { background-image: linear-gradient(90deg, #d6d6d6 50%, transparent 50%, transparent), linear-gradient(198deg, #FE8A7D 50%, #d6d6d6 50%, #d6d6d6); } .radial-bar-default.radial-bar-35 { background-image: linear-gradient(90deg, #d6d6d6 50%, transparent 50%, transparent), linear-gradient(216deg, #FE8A7D 50%, #d6d6d6 50%, #d6d6d6); } .radial-bar-default.radial-bar-40 { background-image: linear-gradient(90deg, #d6d6d6 50%, transparent 50%, transparent), linear-gradient(234deg, #FE8A7D 50%, #d6d6d6 50%, #d6d6d6); } .radial-bar-default.radial-bar-45 { background-image: linear-gradient(90deg, #d6d6d6 50%, transparent 50%, transparent), linear-gradient(252deg, #FE8A7D 50%, #d6d6d6 50%, #d6d6d6); } .radial-bar-default.radial-bar-50 { background-image: linear-gradient(270deg, #FE8A7D 50%, transparent 50%, transparent), linear-gradient(270deg, #FE8A7D 50%, #d6d6d6 50%, #d6d6d6); } .radial-bar-default.radial-bar-55 { background-image: linear-gradient(288deg, #FE8A7D 50%, transparent 50%, transparent), linear-gradient(270deg, #FE8A7D 50%, #d6d6d6 50%, #d6d6d6); } .radial-bar-default.radial-bar-60 { background-image: linear-gradient(306deg, #FE8A7D 50%, transparent 50%, transparent), linear-gradient(270deg, #FE8A7D 50%, #d6d6d6 50%, #d6d6d6); } .radial-bar-default.radial-bar-65 { background-image: linear-gradient(324deg, #FE8A7D 50%, transparent 50%, transparent), linear-gradient(270deg, #FE8A7D 50%, #d6d6d6 50%, #d6d6d6); } .radial-bar-default.radial-bar-70 { background-image: linear-gradient(342deg, #FE8A7D 50%, transparent 50%, transparent), linear-gradient(270deg, #FE8A7D 50%, #d6d6d6 50%, #d6d6d6); } .radial-bar-default.radial-bar-75 { background-image: linear-gradient(360deg, #FE8A7D 50%, transparent 50%, transparent), linear-gradient(270deg, #FE8A7D 50%, #d6d6d6 50%, #d6d6d6); } .radial-bar-default.radial-bar-80 { background-image: linear-gradient(378deg, #FE8A7D 50%, transparent 50%, transparent), linear-gradient(270deg, #FE8A7D 50%, #d6d6d6 50%, #d6d6d6); } .radial-bar-default.radial-bar-85 { background-image: linear-gradient(396deg, #FE8A7D 50%, transparent 50%, transparent), linear-gradient(270deg, #FE8A7D 50%, #d6d6d6 50%, #d6d6d6); } .radial-bar-default.radial-bar-90 { background-image: linear-gradient(414deg, #FE8A7D 50%, transparent 50%, transparent), linear-gradient(270deg, #FE8A7D 50%, #d6d6d6 50%, #d6d6d6); } .radial-bar-default.radial-bar-95 { background-image: linear-gradient(432deg, #FE8A7D 50%, transparent 50%, transparent), linear-gradient(270deg, #FE8A7D 50%, #d6d6d6 50%, #d6d6d6); } .radial-bar-default.radial-bar-100 { background-image: linear-gradient(450deg, #FE8A7D 50%, transparent 50%, transparent), linear-gradient(270deg, #FE8A7D 50%, #d6d6d6 50%, #d6d6d6); } /* -- Radial Pink -- */ .radial-bar-pink.radial-bar-0 { background-image: linear-gradient(90deg, #d6d6d6 50%, transparent 50%, transparent), linear-gradient(90deg, #fb6d9d 50%, #d6d6d6 50%, #d6d6d6); } .radial-bar-pink.radial-bar-5 { background-image: linear-gradient(90deg, #d6d6d6 50%, transparent 50%, transparent), linear-gradient(108deg, #fb6d9d 50%, #d6d6d6 50%, #d6d6d6); } .radial-bar-pink.radial-bar-10 { background-image: linear-gradient(90deg, #d6d6d6 50%, transparent 50%, transparent), linear-gradient(126deg, #fb6d9d 50%, #d6d6d6 50%, #d6d6d6); } .radial-bar-pink.radial-bar-15 { background-image: linear-gradient(90deg, #d6d6d6 50%, transparent 50%, transparent), linear-gradient(144deg, #fb6d9d 50%, #d6d6d6 50%, #d6d6d6); } .radial-bar-pink.radial-bar-20 { background-image: linear-gradient(90deg, #d6d6d6 50%, transparent 50%, transparent), linear-gradient(162deg, #fb6d9d 50%, #d6d6d6 50%, #d6d6d6); } .radial-bar-pink.radial-bar-25 { background-image: linear-gradient(90deg, #d6d6d6 50%, transparent 50%, transparent), linear-gradient(180deg, #fb6d9d 50%, #d6d6d6 50%, #d6d6d6); } .radial-bar-pink.radial-bar-30 { background-image: linear-gradient(90deg, #d6d6d6 50%, transparent 50%, transparent), linear-gradient(198deg, #fb6d9d 50%, #d6d6d6 50%, #d6d6d6); } .radial-bar-pink.radial-bar-35 { background-image: linear-gradient(90deg, #d6d6d6 50%, transparent 50%, transparent), linear-gradient(216deg, #fb6d9d 50%, #d6d6d6 50%, #d6d6d6); } .radial-bar-pink.radial-bar-40 { background-image: linear-gradient(90deg, #d6d6d6 50%, transparent 50%, transparent), linear-gradient(234deg, #fb6d9d 50%, #d6d6d6 50%, #d6d6d6); } .radial-bar-pink.radial-bar-45 { background-image: linear-gradient(90deg, #d6d6d6 50%, transparent 50%, transparent), linear-gradient(252deg, #fb6d9d 50%, #d6d6d6 50%, #d6d6d6); } .radial-bar-pink.radial-bar-50 { background-image: linear-gradient(270deg, #fb6d9d 50%, transparent 50%, transparent), linear-gradient(270deg, #fb6d9d 50%, #d6d6d6 50%, #d6d6d6); } .radial-bar-pink.radial-bar-55 { background-image: linear-gradient(288deg, #fb6d9d 50%, transparent 50%, transparent), linear-gradient(270deg, #fb6d9d 50%, #d6d6d6 50%, #d6d6d6); } .radial-bar-pink.radial-bar-60 { background-image: linear-gradient(306deg, #fb6d9d 50%, transparent 50%, transparent), linear-gradient(270deg, #fb6d9d 50%, #d6d6d6 50%, #d6d6d6); } .radial-bar-pink.radial-bar-65 { background-image: linear-gradient(324deg, #fb6d9d 50%, transparent 50%, transparent), linear-gradient(270deg, #fb6d9d 50%, #d6d6d6 50%, #d6d6d6); } .radial-bar-pink.radial-bar-70 { background-image: linear-gradient(342deg, #fb6d9d 50%, transparent 50%, transparent), linear-gradient(270deg, #fb6d9d 50%, #d6d6d6 50%, #d6d6d6); } .radial-bar-pink.radial-bar-75 { background-image: linear-gradient(360deg, #fb6d9d 50%, transparent 50%, transparent), linear-gradient(270deg, #fb6d9d 50%, #d6d6d6 50%, #d6d6d6); } .radial-bar-pink.radial-bar-80 { background-image: linear-gradient(378deg, #fb6d9d 50%, transparent 50%, transparent), linear-gradient(270deg, #fb6d9d 50%, #d6d6d6 50%, #d6d6d6); } .radial-bar-pink.radial-bar-85 { background-image: linear-gradient(396deg, #fb6d9d 50%, transparent 50%, transparent), linear-gradient(270deg, #fb6d9d 50%, #d6d6d6 50%, #d6d6d6); } .radial-bar-pink.radial-bar-90 { background-image: linear-gradient(414deg, #fb6d9d 50%, transparent 50%, transparent), linear-gradient(270deg, #fb6d9d 50%, #d6d6d6 50%, #d6d6d6); } .radial-bar-pink.radial-bar-95 { background-image: linear-gradient(432deg, #fb6d9d 50%, transparent 50%, transparent), linear-gradient(270deg, #fb6d9d 50%, #d6d6d6 50%, #d6d6d6); } .radial-bar-pink.radial-bar-100 { background-image: linear-gradient(450deg, #FE8A7D 50%, transparent 50%, transparent), linear-gradient(270deg, #fb6d9d 50%, #d6d6d6 50%, #d6d6d6); } /* -- Radial Purple -- */ .radial-bar-purple.radial-bar-0 { background-image: linear-gradient(90deg, #d6d6d6 50%, transparent 50%, transparent), linear-gradient(90deg, #536dfe 50%, #d6d6d6 50%, #d6d6d6); } .radial-bar-purple.radial-bar-5 { background-image: linear-gradient(90deg, #d6d6d6 50%, transparent 50%, transparent), linear-gradient(108deg, #536dfe 50%, #d6d6d6 50%, #d6d6d6); } .radial-bar-purple.radial-bar-10 { background-image: linear-gradient(90deg, #d6d6d6 50%, transparent 50%, transparent), linear-gradient(126deg, #536dfe 50%, #d6d6d6 50%, #d6d6d6); } .radial-bar-purple.radial-bar-15 { background-image: linear-gradient(90deg, #d6d6d6 50%, transparent 50%, transparent), linear-gradient(144deg, #536dfe 50%, #d6d6d6 50%, #d6d6d6); } .radial-bar-purple.radial-bar-20 { background-image: linear-gradient(90deg, #d6d6d6 50%, transparent 50%, transparent), linear-gradient(162deg, #536dfe 50%, #d6d6d6 50%, #d6d6d6); } .radial-bar-purple.radial-bar-25 { background-image: linear-gradient(90deg, #d6d6d6 50%, transparent 50%, transparent), linear-gradient(180deg, #536dfe 50%, #d6d6d6 50%, #d6d6d6); } .radial-bar-purple.radial-bar-30 { background-image: linear-gradient(90deg, #d6d6d6 50%, transparent 50%, transparent), linear-gradient(198deg, #536dfe 50%, #d6d6d6 50%, #d6d6d6); } .radial-bar-purple.radial-bar-35 { background-image: linear-gradient(90deg, #d6d6d6 50%, transparent 50%, transparent), linear-gradient(216deg, #536dfe 50%, #d6d6d6 50%, #d6d6d6); } .radial-bar-purple.radial-bar-40 { background-image: linear-gradient(90deg, #d6d6d6 50%, transparent 50%, transparent), linear-gradient(234deg, #536dfe 50%, #d6d6d6 50%, #d6d6d6); } .radial-bar-purple.radial-bar-45 { background-image: linear-gradient(90deg, #d6d6d6 50%, transparent 50%, transparent), linear-gradient(252deg, #536dfe 50%, #d6d6d6 50%, #d6d6d6); } .radial-bar-purple.radial-bar-50 { background-image: linear-gradient(270deg, #536dfe 50%, transparent 50%, transparent), linear-gradient(270deg, #536dfe 50%, #d6d6d6 50%, #d6d6d6); } .radial-bar-purple.radial-bar-55 { background-image: linear-gradient(288deg, #536dfe 50%, transparent 50%, transparent), linear-gradient(270deg, #536dfe 50%, #d6d6d6 50%, #d6d6d6); } .radial-bar-purple.radial-bar-60 { background-image: linear-gradient(306deg, #536dfe 50%, transparent 50%, transparent), linear-gradient(270deg, #536dfe 50%, #d6d6d6 50%, #d6d6d6); } .radial-bar-purple.radial-bar-65 { background-image: linear-gradient(324deg, #536dfe 50%, transparent 50%, transparent), linear-gradient(270deg, #536dfe 50%, #d6d6d6 50%, #d6d6d6); } .radial-bar-purple.radial-bar-70 { background-image: linear-gradient(342deg, #536dfe 50%, transparent 50%, transparent), linear-gradient(270deg, #536dfe 50%, #d6d6d6 50%, #d6d6d6); } .radial-bar-purple.radial-bar-75 { background-image: linear-gradient(360deg, #536dfe 50%, transparent 50%, transparent), linear-gradient(270deg, #536dfe 50%, #d6d6d6 50%, #d6d6d6); } .radial-bar-purple.radial-bar-80 { background-image: linear-gradient(378deg, #536dfe 50%, transparent 50%, transparent), linear-gradient(270deg, #536dfe 50%, #d6d6d6 50%, #d6d6d6); } .radial-bar-purple.radial-bar-85 { background-image: linear-gradient(396deg, #536dfe 50%, transparent 50%, transparent), linear-gradient(270deg, #536dfe 50%, #d6d6d6 50%, #d6d6d6); } .radial-bar-purple.radial-bar-90 { background-image: linear-gradient(414deg, #536dfe 50%, transparent 50%, transparent), linear-gradient(270deg, #536dfe 50%, #d6d6d6 50%, #d6d6d6); } .radial-bar-purple.radial-bar-95 { background-image: linear-gradient(432deg, #536dfe 50%, transparent 50%, transparent), linear-gradient(270deg, #536dfe 50%, #d6d6d6 50%, #d6d6d6); } .radial-bar-purple.radial-bar-100 { background-image: linear-gradient(450deg, #536dfe 50%, transparent 50%, transparent), linear-gradient(270deg, #536dfe 50%, #d6d6d6 50%, #d6d6d6); } /* -- Radial Inverse -- */ .radial-bar-inverse.radial-bar-0 { background-image: linear-gradient(90deg, #d6d6d6 50%, transparent 50%, transparent), linear-gradient(90deg, #4c5667 50%, #d6d6d6 50%, #d6d6d6); } .radial-bar-inverse.radial-bar-5 { background-image: linear-gradient(90deg, #d6d6d6 50%, transparent 50%, transparent), linear-gradient(108deg, #4c5667 50%, #d6d6d6 50%, #d6d6d6); } .radial-bar-inverse.radial-bar-10 { background-image: linear-gradient(90deg, #d6d6d6 50%, transparent 50%, transparent), linear-gradient(126deg, #4c5667 50%, #d6d6d6 50%, #d6d6d6); } .radial-bar-inverse.radial-bar-15 { background-image: linear-gradient(90deg, #d6d6d6 50%, transparent 50%, transparent), linear-gradient(144deg, #4c5667 50%, #d6d6d6 50%, #d6d6d6); } .radial-bar-inverse.radial-bar-20 { background-image: linear-gradient(90deg, #d6d6d6 50%, transparent 50%, transparent), linear-gradient(162deg, #4c5667 50%, #d6d6d6 50%, #d6d6d6); } .radial-bar-inverse.radial-bar-25 { background-image: linear-gradient(90deg, #d6d6d6 50%, transparent 50%, transparent), linear-gradient(180deg, #4c5667 50%, #d6d6d6 50%, #d6d6d6); } .radial-bar-inverse.radial-bar-30 { background-image: linear-gradient(90deg, #d6d6d6 50%, transparent 50%, transparent), linear-gradient(198deg, #4c5667 50%, #d6d6d6 50%, #d6d6d6); } .radial-bar-inverse.radial-bar-35 { background-image: linear-gradient(90deg, #d6d6d6 50%, transparent 50%, transparent), linear-gradient(216deg, #4c5667 50%, #d6d6d6 50%, #d6d6d6); } .radial-bar-inverse.radial-bar-40 { background-image: linear-gradient(90deg, #d6d6d6 50%, transparent 50%, transparent), linear-gradient(234deg, #4c5667 50%, #d6d6d6 50%, #d6d6d6); } .radial-bar-inverse.radial-bar-45 { background-image: linear-gradient(90deg, #d6d6d6 50%, transparent 50%, transparent), linear-gradient(252deg, #4c5667 50%, #d6d6d6 50%, #d6d6d6); } .radial-bar-inverse.radial-bar-50 { background-image: linear-gradient(270deg, #4c5667 50%, transparent 50%, transparent), linear-gradient(270deg, #4c5667 50%, #d6d6d6 50%, #d6d6d6); } .radial-bar-inverse.radial-bar-55 { background-image: linear-gradient(288deg, #4c5667 50%, transparent 50%, transparent), linear-gradient(270deg, #4c5667 50%, #d6d6d6 50%, #d6d6d6); } .radial-bar-inverse.radial-bar-60 { background-image: linear-gradient(306deg, #4c5667 50%, transparent 50%, transparent), linear-gradient(270deg, #4c5667 50%, #d6d6d6 50%, #d6d6d6); } .radial-bar-inverse.radial-bar-65 { background-image: linear-gradient(324deg, #4c5667 50%, transparent 50%, transparent), linear-gradient(270deg, #4c5667 50%, #d6d6d6 50%, #d6d6d6); } .radial-bar-inverse.radial-bar-70 { background-image: linear-gradient(342deg, #4c5667 50%, transparent 50%, transparent), linear-gradient(270deg, #4c5667 50%, #d6d6d6 50%, #d6d6d6); } .radial-bar-inverse.radial-bar-75 { background-image: linear-gradient(360deg, #4c5667 50%, transparent 50%, transparent), linear-gradient(270deg, #4c5667 50%, #d6d6d6 50%, #d6d6d6); } .radial-bar-inverse.radial-bar-80 { background-image: linear-gradient(378deg, #4c5667 50%, transparent 50%, transparent), linear-gradient(270deg, #4c5667 50%, #d6d6d6 50%, #d6d6d6); } .radial-bar-inverse.radial-bar-85 { background-image: linear-gradient(396deg, #4c5667 50%, transparent 50%, transparent), linear-gradient(270deg, #4c5667 50%, #d6d6d6 50%, #d6d6d6); } .radial-bar-inverse.radial-bar-90 { background-image: linear-gradient(414deg, #4c5667 50%, transparent 50%, transparent), linear-gradient(270deg, #4c5667 50%, #d6d6d6 50%, #d6d6d6); } .radial-bar-inverse.radial-bar-95 { background-image: linear-gradient(432deg, #4c5667 50%, transparent 50%, transparent), linear-gradient(270deg, #4c5667 50%, #d6d6d6 50%, #d6d6d6); } .radial-bar-inverse.radial-bar-100 { background-image: linear-gradient(450deg, #4c5667 50%, transparent 50%, transparent), linear-gradient(270deg, #4c5667 50%, #d6d6d6 50%, #d6d6d6); } .radial-bar-lg { width: 100px; height: 100px; font-size: 20px; } .radial-bar-lg:after, .radial-bar-lg > img { width: 70px; height: 70px; margin-left: 15px; margin-top: 15px; line-height: 70px; } .radial-bar-sm { width: 50px; height: 50px; font-size: 12px; } .radial-bar-sm:after, .radial-bar-sm > img { width: 35px; height: 35px; margin-left: 7.5px; margin-top: 7.5px; line-height: 35px; } .radial-bar-xs { width: 30px; height: 30px; font-size: 8px; } .radial-bar-xs:after, .radial-bar-xs > img { width: 20px; height: 20px; margin-left: 5.5px; margin-top: 4.5px; line-height: 21px; } .radial-bar { background-clip: content-box; } .card .card-body .dataTables_wrapper .dataTables_scroll { margin-left: -20px; width: calc(100% + 40px); } .card .card-body .dataTables_wrapper .dataTables_scroll .dataTable { margin-left: 0px; width: 100%; } .card .card-body .dataTables_wrapper .dataTable { margin-left: -20px; width: calc(100% + 40px); } .card .card-body .dataTables_wrapper .form-control { border: none; min-height: 30px; background-color: #f4f4f4; } .card .card-body .dataTables_wrapper select.form-control { height: 30px !important; } .card .card-body .dataTables_wrapper .dataTables_paginate .pagination .page-item .page-link { margin-left: 5px; min-width: 30px; height: 30px; padding: 0; text-align: center; line-height: 30px; border: none; background-color: #f4f4f4; color: #212121; border-radius: 30px; -webkit-border-radius: 30px; -moz-border-radius: 30px; } .card .card-body .dataTables_wrapper .dataTables_paginate .pagination .page-item.previous .page-link, .card .card-body .dataTables_wrapper .dataTables_paginate .pagination .page-item.next .page-link, .card .card-body .dataTables_wrapper .dataTables_paginate .pagination .page-item.first .page-link, .card .card-body .dataTables_wrapper .dataTables_paginate .pagination .page-item.last .page-link { padding: 0 15px; } .card .card-body .dataTables_wrapper .dataTables_paginate .pagination .page-item.disabled .page-link { color: #6c757d; background-color: #f4f4f4; cursor: not-allowed; } .card .card-table .card-item { border-top: 1px solid #ededed; } .table thead { background-color: #f6f8fb; } .table thead th { font-weight: 600; color: #879099; font-size: 14px; } .table tbody td { vertical-align: middle; } .table tbody td .table-user-thumb { width: 30px; height: 30px; border-radius: 50%; } .table tbody td .table-actions { text-align: right; } .table tbody td .table-actions a { color: #bcc1c6; display: inline-block; margin-left: 8px; font-size: 16px; } .badge { padding: 6px 10px; font-size: 12px; font-weight: 600; } .badge.badge-top-left { top: 7px; right: 10px; } .badge.badge-top-left-2 { top: 40px; right: 10px; } .badge-primary, .badge-success, .badge-info, .badge-warning, .badge-danger, .badge-inverse, .badge-purple, .badge-pink, .badge-twitter, .badge-facebook, .badge-linkedin, .badge-google, .badge-dribbble, .badge-instagram { color: #ffffff; } .badge-theme { background-color: #ef4153; } .badge-aqua { background-color: #3ec5d6; } .badge-blue { background-color: #19B5FE; } .badge-light-blue { background-color: #89CFF0; } .badge-teal { background-color: #008081; } .badge-yellow { background-color: #F7CA18; } .badge-orange { background-color: #FF8000; } .badge-green { background-color: #26C281; } .badge-lime { background-color: #cad900; } .badge-red { background-color: #F22613; } .badge-fuchsia { background-color: #df2de3; } .badge-navy { background-color: #000080; } .badge-empty { background: transparent; } .badge-primary { background-color: #007bff; } .badge-success { background-color: #2dce89; } .badge-info { background-color: #11cdef; } .badge-warning { background-color: #fb6340; } .badge-danger { background-color: #f5365c; } .badge-muted { background-color: #6c757d; } .badge-inverse { background-color: #4c5667; } .badge-purple { background-color: #BF55EC; } .badge-pink { background-color: #f76397; } .badge-white { background-color: #ffffff; } .btn .badge { padding: 2px 6px; } .pagination .page-item { padding: 5px; } .pagination .page-item .page-link { outline: initial !important; box-shadow: none !important; line-height: 18px; min-width: 30px; text-align: center; height: 30px; padding: 6px 0px; border: none; background-color: #eaeaea; color: #3e5569; border-radius: 30px; -webkit-border-radius: 30px; -moz-border-radius: 30px; } .pagination .page-item .page-link.first, .pagination .page-item .page-link.last { color: #ffffff; background-color: #3e5569; } .pagination .page-item.active .page-link { background-color: #007bff; color: #ffffff; } .btn { padding: 6px 14px; height: 30px; font-size: 13px; font-weight: 600; -moz-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out; -webkit-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; } .btn i { margin-right: 5px; } .btn-icon { width: 30px; height: 30px; padding: 0; text-align: center; line-height: 32px; font-size: 14px; display: inline-block; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .btn-icon i { margin-right: 0 !important; } .social-btn { width: 30px; height: 30px; padding: 0; border-radius: 50%; text-align: center; line-height: 30px; color: #ffffff; } .social-btn i { margin: 0; } .btn-primary, .btn-success, .btn-info, .btn-warning, .btn-danger, .btn-inverse, .btn-purple, .btn-pink, .btn-twitter, .btn-facebook, .btn-linkedin, .btn-google, .btn-dribbble, .btn-instagram { color: #ffffff; } .btn-theme { background: linear-gradient(150deg, #f05138 15%, #ee3a5b 70%, #ed1375 94%); color: #fff; } .btndefault { background-color: #dae6ec; border-color: #dae6ec; } .btndefault:focus, .btndefault:hover, .btndefault:active, .btndefault.active { background-color: #dae6ec; border-color: #C2CED4; color: #ffffff !important; } .btn-primary { background-color: #007bff; border: 1px solid #007bff; } .btn-primary:hover, .btn-primary:focus, .btn-primary.active { background-color: #006fe6; border: 1px solid #006fe6; color: #ffffff !important; } .btn-success { background-color: #2dce89; border: 1px solid #2dce89; } .btn-success:hover, .btn-success:focus, .btn-success.active { background-color: #28b97b; border: 1px solid #28b97b; color: #ffffff !important; } .btn-info { background-color: #11cdef; border: 1px solid #11cdef; } .btn-info:hover, .btn-info:focus, .btn-info.active { background-color: #0fb9d8; border: 1px solid #0fb9d8; color: #ffffff !important; } .btn-warning { background-color: #fb6340; border: 1px solid #fb6340; } .btn-warning:hover, .btn-warning:focus, .btn-warning.active { background-color: #fa4f27; border: 1px solid #fa4f27; color: #ffffff !important; } .btn-danger { background-color: #f5365c; border: 1px solid #f5365c; } .btn-danger:focus, .btn-danger:hover, .btn-danger.active { background-color: #f41e48; border: 1px solid #f41e48; color: #ffffff !important; } .btn-inverse { background-color: #4c5667; border: 1px solid #4c5667; } .btn-inverse:hover, .btn-inverse:focus, .btn-inverse.active { background-color: #414a58; border: 1px solid #414a58; color: #ffffff !important; } .btn-purple { background-color: #BF55EC; border: 1px solid #BF55EC; } .btn-purple:hover, .btn-purple:focus, .btn-purple.active { background-color: #b63ee9; border: 1px solid #b63ee9; color: #ffffff !important; } .btn-pink { background-color: #f76397; border: 1px solid #f76397; } .btn-pink:hover, .btn-pink:focus, .btn-pink.active { background-color: #f64b87; border: 1px solid #f64b87; color: #ffffff !important; } .btn-facebook { background: #3b579d; } .btn-twitter { background: #1da1f2; } .btn-dribbble { background: #ea4c89; } .btn-linkedin { background: #0177b4; } .btn-google { background: #dc4a38; } .btn-instagram { background: #fb3958; } .template-demo .btn { margin-right: 10px; margin-bottom: 10px; } .btn-group .btn { margin: 0; } .full-window-modal .modal-dialog { position: fixed; width: 100%; height: 100%; margin: 0; max-width: 100%; left: 0; top: 0; bottom: 0; display: block; } .full-window-modal .modal-dialog .modal-content { height: 100vh; border: none; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; } .full-window-modal .modal-dialog .modal-content .modal-body { height: calc(100vh - 50px); overflow-x: auto; } .full-window-modal .modal-dialog .modal-content .modal-footer { background-color: #393a3d; padding: 15px 24px; padding-top: 15px !important; } .modal-open .apps-modal { overflow: hidden; } .modal-open .apps-modal .close { position: absolute; top: 20px; right: 20px; text-shadow: none; z-index: 9; } .modal-open .apps-modal .modal-dialog { width: 100%; max-width: 100%; border-radius: 0; margin: 0; } .modal-open .apps-modal .modal-dialog .modal-content { border: none; border-radius: 0; min-height: 100vh; background-color: #ffffff; } .modal-open .apps-modal .modal-dialog .modal-content .quick-search { position: absolute; width: 100%; top: 17px; padding: 0 50px; z-index: 9; } .modal-open .apps-modal .modal-dialog .modal-content .quick-search .input-wrap { position: relative; } .modal-open .apps-modal .modal-dialog .modal-content .quick-search .input-wrap i { position: absolute; right: 5px; top: 0; width: 30px; height: 35px; border-radius: 50%; line-height: 35px; text-align: center; } .modal-open .apps-modal .modal-dialog .modal-content .modal-body .apps-wrap { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-flow: row wrap; -moz-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; -ms-flex-pack: center; width: 100%; } .modal-open .apps-modal .modal-dialog .modal-content .modal-body .apps-wrap .app-item { width: 130px; height: 100px; margin: 10px; color: #ccc; text-align: center; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; -ms-flex-pack: center; } .modal-open .apps-modal .modal-dialog .modal-content .modal-body .apps-wrap .app-item a { display: inline-block; } .modal-open .apps-modal .modal-dialog .modal-content .modal-body .apps-wrap .app-item a i { font-size: 40px; color: #3e5569; display: inline-block; margin-bottom: 10px; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .modal-open .apps-modal .modal-dialog .modal-content .modal-body .apps-wrap .app-item a span { display: block; font-size: 14px; color: #3e5569; } .modal-open .apps-modal .modal-dialog .modal-content .modal-body .apps-wrap .app-item:hover i { color: #ef4153; } .modal-open .apps-modal.fade .modal-dialog { overflow: hidden; -moz-transform: translate(0, 0) scale(1.2); -o-transform: translate(0, 0) scale(1.2); -ms-transform: translate(0, 0) scale(1.2); -webkit-transform: translate(0, 0) scale(1.2); transform: translate(0, 0) scale(1.2); } .modal-open .apps-modal.fade.show .modal-dialog { -moz-transform: translate(0, 0) scale(1); -o-transform: translate(0, 0) scale(1); -ms-transform: translate(0, 0) scale(1); -webkit-transform: translate(0, 0) scale(1); transform: translate(0, 0) scale(1); } .form-group { margin-bottom: 1.25em; } .form-group .form-control-lg { font-size: 1.25em; } .form-group .form-control-round { border-radius: 50px; } .form-group .form-control-static:focus { outline: none; } .form-control { height: auto; min-height: 35px; border: 1px solid #eaeaea; padding: 0 10px; background-color: #fff; font-size: 13px; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; } .form-control.placeholder { color: #999999; } .form-control:-moz-placeholder { color: #999999; } .form-control::-moz-placeholder { color: #999999; } .form-control:-ms-input-placeholder { color: #999999; } .form-control::-webkit-input-placeholder { color: #999999; } .form-control:focus { border-color: #e2dfdf; -webkit-box-shadow: none; box-shadow: none; } .form-control.form-control-normal { font-weight: 400; } .form-control.form-control-bold { font-weight: 700; } .form-control.form-control-capitalize { text-transform: capitalize; } .form-control.form-control-uppercase { text-transform: uppercase; } .form-control.form-control-lowercase { text-transform: lowercase; } .form-control.form-control-variant { font-variant: small-caps; } .form-control.form-control-left { text-align: left; } .form-control.form-control-center { text-align: center; } .form-control.form-control-right { text-align: right; } .form-control.form-control-rtl { direction: rtl; } .form-control:disabled { cursor: not-allowed; opacity: 0.5; } select.form-control { -webkit-appearance: none; -moz-appearance: none; appearance: none; padding-right: 20px; background-image: url("../img/down-arrow.svg"); background-position: center right 15px; background-repeat: no-repeat; -webkit-background-size: 10px; background-size: 10px; height: 35px !important; } textarea.form-control { padding: 10px 15px; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; } .custom-radio .custom-control-label { line-height: 24px; } .custom-checkbox .custom-control-label { line-height: 24px; } .custom-checkbox .custom-control-input:checked ~ .custom-control-label::after { background-image: none; content: "\e83f"; line-height: 16px; font-family: 'iconkit'; color: #fff; } .custom-control-label { text-align: center; } .input-group .input-group-prepend .input-group-text { border-top-left-radius: 4px; border-bottom-left-radius: 4px; background-color: #eaeaea; border-color: #eaeaea; padding-left: 15px; height: 35px; font-size: 14px; } .input-group .input-group-prepend .btn { height: 35px; border-top-left-radius: 4px; border-bottom-left-radius: 4px; } .input-group .input-group-append .input-group-text { border-top-right-radius: 4px; border-bottom-right-radius: 4px; background-color: #eaeaea; border-color: #eaeaea; padding-right: 15px; height: 35px; font-size: 14px; } .input-group .input-group-append .btn { height: 35px; border-top-right-radius: 4px; border-bottom-right-radius: 4px; } .form-group .file-upload-default { visibility: hidden; position: absolute; } .form-group .file-upload-info { background: transparent; } .select2.select2-container--default .select2-selection--single { border-color: #eaeaea; height: 35px; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; } .select2.select2-container--default .select2-selection--single .select2-selection__rendered { line-height: 35px; padding-left: 15px; padding-right: 30px; } .select2.select2-container--default .select2-selection--single .select2-selection__arrow { height: 33px; right: 8px; } .select2.select2-container--default .select2-selection--multiple { border-color: #eaeaea; } .select2.select2-container--default .select2-selection--multiple .select2-selection__rendered { margin-top: 1px; } .select2.select2-container--default .select2-selection--multiple .select2-selection__rendered .select2-selection__choice { border: none; padding: 1px 5px; } .select2.select2-container--default.select2-container--focus .select2-selection--multiple { border-color: #8e8e8e; } .select2.select2-container--default.select2-container--open.select2-container--below .select2-selection--single, .select2.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple { border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; } .select2.select2-container .select2-selection--multiple { min-height: 35px; } .select2-container--default .select2-dropdown { background-color: #ffffff; border: none; border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; -webkit-box-shadow: 0 2px 30px rgba(0, 0, 0, 0.08); -moz-box-shadow: 0 2px 30px rgba(0, 0, 0, 0.08); box-shadow: 0 2px 30px rgba(0, 0, 0, 0.08); } .select2-container--default .select2-dropdown .select2-search--dropdown { padding: 5px; } .select2-container--default .select2-dropdown .select2-search--dropdown .select2-search__field { height: 30px; border: none; background-color: #eaeaea; padding: 5px 10px; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; } .select2-container--default .select2-dropdown .select2-results .select2-results__options { padding: 5px; } .select2-results__option { background-color: #fff; padding: 8px 15px; border-radius: 4px; line-height: 14px; } .bootstrap-datetimepicker-widget .table thead { background-color: transparent; } .bootstrap-datetimepicker-widget .table thead tr th { color: #212121; border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; } .bootstrap-datetimepicker-widget .table tr td, .bootstrap-datetimepicker-widget .table tr th { text-align: center; width: 35px; height: 35px; border-radius: 50%; border: none; line-height: 35px; position: relative; z-index: 1; } .bootstrap-datetimepicker-widget .table tr td.today, .bootstrap-datetimepicker-widget .table tr td.active { color: #ffffff; position: relative; z-index: 1; background-color: transparent; text-shadow: none; } .bootstrap-datetimepicker-widget .table tr td.today:before, .bootstrap-datetimepicker-widget .table tr td.today::before, .bootstrap-datetimepicker-widget .table tr td.active:before, .bootstrap-datetimepicker-widget .table tr td.active::before { width: 30px; height: 30px; border-radius: 50%; border: none; background-color: #4a5361; position: absolute; z-index: -1; display: block; margin: auto; content: ''; top: 6px; left: 0px; right: 0px; bottom: auto; -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); } .bootstrap-datetimepicker-widget .table tr td.active:hover:before, .bootstrap-datetimepicker-widget .table tr td.active:hover::before { background-color: #4a5361 !important; } .bootstrap-datetimepicker-widget .table tr td.today:before, .bootstrap-datetimepicker-widget .table tr td.today::before { background-color: #ef4153; } .bootstrap-datetimepicker-widget .table tr td.day:hover, .bootstrap-datetimepicker-widget .table tr td.hour:hover, .bootstrap-datetimepicker-widget .table tr td.minute:hover, .bootstrap-datetimepicker-widget .table tr td.second:hover { background-color: transparent; } .bootstrap-datetimepicker-widget .table tr td:before, .bootstrap-datetimepicker-widget .table tr td::before { width: 30px; height: 30px; border-radius: 50%; border: none; background-color: transparent; position: absolute; z-index: -1; display: block; margin: auto; content: ''; top: 6px; left: 0px; right: 0px; bottom: auto; -moz-transform: scale(0); -o-transform: scale(0); -ms-transform: scale(0); -webkit-transform: scale(0); transform: scale(0); -moz-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out; -webkit-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; } .bootstrap-datetimepicker-widget .table tr td:hover:before, .bootstrap-datetimepicker-widget .table tr td:hover::before { background-color: #f4f4f4; -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); } .bootstrap-datetimepicker-widget .timepicker table td { position: relative; z-index: 1; width: 35px; height: 35px; line-height: 35px; } .bootstrap-datetimepicker-widget .timepicker table td .btn { height: auto; } .bootstrap-datetimepicker-widget .timepicker table td span { width: 35px; height: 35px; line-height: 35px; } .bootstrap-datetimepicker-widget.dropdown-menu { min-width: 280px; } .bootstrap-datetimepicker-widget.dropdown-menu.bottom:before, .bootstrap-datetimepicker-widget.dropdown-menu.bottom::before { border-bottom-color: #fff; } .bootstrap-datetimepicker-widget.dropdown-menu.top:before, .bootstrap-datetimepicker-widget.dropdown-menu.top::before { border-top-color: #fff; } .bootstrap-datetimepicker-widget.dropdown-menu .datepicker table tr th, .bootstrap-datetimepicker-widget.dropdown-menu .datepicker table tr td { width: 30px; height: 30px; line-height: 30px; } .bootstrap-datetimepicker-widget.dropdown-menu .datepicker table tr td:before, .bootstrap-datetimepicker-widget.dropdown-menu .datepicker table tr td::before { top: 4px; left: 0px; } .bootstrap-datetimepicker-widget.dropdown-menu .datepicker table tr td.today:before, .bootstrap-datetimepicker-widget.dropdown-menu .datepicker table tr td.today::before, .bootstrap-datetimepicker-widget.dropdown-menu .datepicker table tr td.active:before, .bootstrap-datetimepicker-widget.dropdown-menu .datepicker table tr td.active::before { top: 4px; left: 0px; } .bootstrap-tagsinput { display: block; border: 1px solid #eaeaea; min-height: 35px; padding: 0px 10px; padding-top: 4px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .bootstrap-tagsinput .tag { padding: 1px 5px; margin-right: 2px; margin-bottom: 4px; display: inline-block; text-transform: capitalize; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; background-color: #4c5667; } .note-editor.note-frame.card { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .input-group { margin-bottom: 1.25em; } .form-control-primary { border-color: #007bff; color: #007bff; } .form-control-primary:focus { border-color: #007bff; } .input-group-primary .input-group-append .input-group-text, .input-group-primary .input-group-prepend .input-group-text { background-color: #007bff; border-color: #007bff; color: #ffffff; } .input-group-primary .form-control { border-color: #007bff; } .form-control-warning { border-color: #fb6340; color: #fb6340; } .form-control-warning:focus { border-color: #fb6340; } .input-group-warning .input-group-append .input-group-text, .input-group-warning .input-group-prepend .input-group-text { background-color: #fb6340; border-color: #fb6340; color: #ffffff; } .input-group-warning .form-control { border-color: #fb6340; } .form-control-default { border-color: #d6d6d6; color: #d6d6d6; } .form-control-default:focus { border-color: #d6d6d6; } .input-group-default .input-group-append .input-group-text, .input-group-default .input-group-prepend .input-group-text { background-color: #d6d6d6; border-color: #d6d6d6; color: #ffffff; } .input-group-default .form-control { border-color: #d6d6d6; } .form-control-danger { border-color: #f5365c; color: #f5365c; } .form-control-danger:focus { border-color: #f5365c; } .input-group-danger .input-group-append .input-group-text, .input-group-danger .input-group-prepend .input-group-text { background-color: #f5365c; border-color: #f5365c; color: #ffffff; } .input-group-danger .form-control { border-color: #f5365c; } .form-control-success { border-color: #2dce89; color: #2dce89; } .form-control-success:focus { border-color: #2dce89; } .input-group-success .input-group-append .input-group-text, .input-group-success .input-group-prepend .input-group-text { background-color: #2dce89; border-color: #2dce89; color: #ffffff; } .input-group-success .form-control { border-color: #2dce89; } .form-control-inverse { border-color: #4c5667; color: #4c5667; } .form-control-inverse:focus { border-color: #4c5667; } .input-group-inverse .input-group-append .input-group-text, .input-group-inverse .input-group-prepend .input-group-text { background-color: #4c5667; border-color: #4c5667; color: #ffffff; } .input-group-inverse .form-control { border-color: #4c5667; } .form-control-info { border-color: #11cdef; color: #11cdef; } .form-control-info:focus { border-color: #11cdef; } .input-group-info .input-group-append .input-group-text, .input-group-info .input-group-prepend .input-group-text { background-color: #11cdef; border-color: #11cdef; color: #ffffff; } .input-group-info .form-control { border-color: #11cdef; } .form-txt-primary { color: #007bff; } .form-txt-primary:focus { color: #007bff; } .form-txt-primary::-moz-placeholder { color: #007bff; opacity: 1; } .form-txt-primary:-ms-input-placeholder { color: #007bff; } .form-txt-primary::-webkit-input-placeholder { color: #007bff; } .form-txt-warning { color: #fb6340; } .form-txt-warning:focus { color: #fb6340; } .form-txt-warning::-moz-placeholder { color: #fb6340; opacity: 1; } .form-txt-warning:-ms-input-placeholder { color: #fb6340; } .form-txt-warning::-webkit-input-placeholder { color: #fb6340; } .form-txt-default { color: #d6d6d6; } .form-txt-default:focus { color: #d6d6d6; } .form-txt-default::-moz-placeholder { color: #d6d6d6; opacity: 1; } .form-txt-default:-ms-input-placeholder { color: #d6d6d6; } .form-txt-default::-webkit-input-placeholder { color: #d6d6d6; } .form-txt-danger { color: #f5365c; } .form-txt-danger:focus { color: #f5365c; } .form-txt-danger::-moz-placeholder { color: #f5365c; opacity: 1; } .form-txt-danger:-ms-input-placeholder { color: #f5365c; } .form-txt-danger::-webkit-input-placeholder { color: #f5365c; } .form-txt-success { color: #2dce89; } .form-txt-success:focus { color: #2dce89; } .form-txt-success::-moz-placeholder { color: #2dce89; opacity: 1; } .form-txt-success:-ms-input-placeholder { color: #2dce89; } .form-txt-success::-webkit-input-placeholder { color: #2dce89; } .form-txt-inverse { color: #4c5667; } .form-txt-inverse:focus { color: #4c5667; } .form-txt-inverse::-moz-placeholder { color: #4c5667; opacity: 1; } .form-txt-inverse:-ms-input-placeholder { color: #4c5667; } .form-txt-inverse::-webkit-input-placeholder { color: #4c5667; } .form-txt-info { color: #11cdef; } .form-txt-info:focus { color: #11cdef; } .form-txt-info::-moz-placeholder { color: #11cdef; opacity: 1; } .form-txt-info:-ms-input-placeholder { color: #11cdef; } .form-txt-info::-webkit-input-placeholder { color: #11cdef; } .form-bg-primary { background-color: #007bff; border-color: #007bff; color: #fff; } .form-bg-primary:focus { background-color: #007bff; border-color: #007bff; color: #fff; } .form-bg-primary::-moz-placeholder { color: #fff; opacity: 1; } .form-bg-primary:-ms-input-placeholder { color: #fff; } .form-bg-primary::-webkit-input-placeholder { color: #fff; } .form-bg-warning { background-color: #fb6340; border-color: #fb6340; color: #fff; } .form-bg-warning:focus { background-color: #fb6340; border-color: #fb6340; color: #fff; } .form-bg-warning::-moz-placeholder { color: #fff; opacity: 1; } .form-bg-warning:-ms-input-placeholder { color: #fff; } .form-bg-warning::-webkit-input-placeholder { color: #fff; } .form-bg-default { background-color: #d6d6d6; border-color: #d6d6d6; color: #fff; } .form-bg-default:focus { background-color: #d6d6d6; border-color: #d6d6d6; color: #fff; } .form-bg-default::-moz-placeholder { color: #fff; opacity: 1; } .form-bg-default:-ms-input-placeholder { color: #fff; } .form-bg-default::-webkit-input-placeholder { color: #fff; } .form-bg-danger { background-color: #f5365c; border-color: #f5365c; color: #fff; } .form-bg-danger:focus { background-color: #f5365c; border-color: #f5365c; color: #fff; } .form-bg-danger::-moz-placeholder { color: #fff; opacity: 1; } .form-bg-danger:-ms-input-placeholder { color: #fff; } .form-bg-danger::-webkit-input-placeholder { color: #fff; } .form-bg-success { background-color: #2dce89; border-color: #2dce89; color: #fff; } .form-bg-success:focus { background-color: #2dce89; border-color: #2dce89; color: #fff; } .form-bg-success::-moz-placeholder { color: #fff; opacity: 1; } .form-bg-success:-ms-input-placeholder { color: #fff; } .form-bg-success::-webkit-input-placeholder { color: #fff; } .form-bg-inverse { background-color: #4c5667; border-color: #4c5667; color: #fff; } .form-bg-inverse:focus { background-color: #4c5667; border-color: #4c5667; color: #fff; } .form-bg-inverse::-moz-placeholder { color: #fff; opacity: 1; } .form-bg-inverse:-ms-input-placeholder { color: #fff; } .form-bg-inverse::-webkit-input-placeholder { color: #fff; } .form-bg-info { background-color: #11cdef; border-color: #11cdef; color: #fff; } .form-bg-info:focus { background-color: #11cdef; border-color: #11cdef; color: #fff; } .form-bg-info::-moz-placeholder { color: #fff; opacity: 1; } .form-bg-info:-ms-input-placeholder { color: #fff; } .form-bg-info::-webkit-input-placeholder { color: #fff; } .form-radio { position: relative; } .form-radio .form-help { position: absolute; width: 100%; } .form-radio label { position: relative; padding-left: 1.5rem; text-align: left; color: #333; display: block; line-height: 1.8; } .form-radio input { width: auto; opacity: 0.00000001; position: absolute; left: 0; } .radio .helper { position: absolute; top: -0.25rem; left: -0.25rem; cursor: pointer; display: block; font-size: 1rem; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; color: #999; } .radio .helper::after { transform: scale(0); background-color: #007bff; border-color: #007bff; } .radio .helper::after, .radio .helper::before { content: ''; position: absolute; left: 0; top: 3px; margin: 0.25rem; width: 1rem; height: 1rem; -webkit-transition: -webkit-transform 0.28s ease; transition: -webkit-transform 0.28s ease; transition: transform 0.28s ease, -webkit-transform 0.28s ease; border-radius: 50%; border: 0.125rem solid #007bff; } .radio label:hover .helper { color: #007bff; } .radio input:checked ~ .helper::after { transform: scale(0.5); } .radio input:checked ~ .helper::before { color: #007bff; animation: ripple 0.3s linear forwards; } .radio.radiofill input:checked ~ .helper::after { transform: scale(1); } .radio.radiofill .helper::after { background-color: #007bff; } .radio.radio-outline input:checked ~ .helper::after { transform: scale(0.6); } .radio.radio-outline .helper::after { background-color: #fff; border: 0.225rem solid #007bff; } .radio.radio-matrial input ~ .helper::after { background-color: #fff; } .radio.radio-matrial input:checked ~ .helper::after { transform: scale(0.5); box-shadow: 0 1px 7px -1px rgba(0, 0, 0, 0.72); } .radio.radio-matrial input:checked ~ .helper::before { background-color: #007bff; } .radio.radio-disable { opacity: 0.7; } .radio.radio-disable label { cursor: not-allowed; } .radio-inline { display: inline-block; margin-right: 20px; } .radio.radio-primary .helper::after { background-color: #007bff; border-color: #007bff; } .radio.radio-primary .helper::before { border-color: #007bff; } .radio.radio-outline.radio-primary .helper::after { background-color: #fff; border: 0.225rem solid #007bff; } .radio.radio-outline.radio-primary .helper::before { border-color: #007bff; } .radio.radio-matrial.radio-primary input ~ .helper::after { background-color: #fff; border-color: #fff; } .radio.radio-matrial.radio-primary input ~ .helper::before { background-color: #007bff; border-color: #007bff; } .radio.radio-warning .helper::after { background-color: #fb6340; border-color: #fb6340; } .radio.radio-warning .helper::before { border-color: #fb6340; } .radio.radio-outline.radio-warning .helper::after { background-color: #fff; border: 0.225rem solid #fb6340; } .radio.radio-outline.radio-warning .helper::before { border-color: #fb6340; } .radio.radio-matrial.radio-warning input ~ .helper::after { background-color: #fff; border-color: #fff; } .radio.radio-matrial.radio-warning input ~ .helper::before { background-color: #fb6340; border-color: #fb6340; } .radio.radio-default .helper::after { background-color: #d6d6d6; border-color: #d6d6d6; } .radio.radio-default .helper::before { border-color: #d6d6d6; } .radio.radio-outline.radio-default .helper::after { background-color: #fff; border: 0.225rem solid #d6d6d6; } .radio.radio-outline.radio-default .helper::before { border-color: #d6d6d6; } .radio.radio-matrial.radio-default input ~ .helper::after { background-color: #fff; border-color: #fff; } .radio.radio-matrial.radio-default input ~ .helper::before { background-color: #d6d6d6; border-color: #d6d6d6; } .radio.radio-danger .helper::after { background-color: #f5365c; border-color: #f5365c; } .radio.radio-danger .helper::before { border-color: #f5365c; } .radio.radio-outline.radio-danger .helper::after { background-color: #fff; border: 0.225rem solid #f5365c; } .radio.radio-outline.radio-danger .helper::before { border-color: #f5365c; } .radio.radio-matrial.radio-danger input ~ .helper::after { background-color: #fff; border-color: #fff; } .radio.radio-matrial.radio-danger input ~ .helper::before { background-color: #f5365c; border-color: #f5365c; } .radio.radio-success .helper::after { background-color: #2dce89; border-color: #2dce89; } .radio.radio-success .helper::before { border-color: #2dce89; } .radio.radio-outline.radio-success .helper::after { background-color: #fff; border: 0.225rem solid #2dce89; } .radio.radio-outline.radio-success .helper::before { border-color: #2dce89; } .radio.radio-matrial.radio-success input ~ .helper::after { background-color: #fff; border-color: #fff; } .radio.radio-matrial.radio-success input ~ .helper::before { background-color: #2dce89; border-color: #2dce89; } .radio.radio-inverse .helper::after { background-color: #4c5667; border-color: #4c5667; } .radio.radio-inverse .helper::before { border-color: #4c5667; } .radio.radio-outline.radio-inverse .helper::after { background-color: #fff; border: 0.225rem solid #4c5667; } .radio.radio-outline.radio-inverse .helper::before { border-color: #4c5667; } .radio.radio-matrial.radio-inverse input ~ .helper::after { background-color: #fff; border-color: #fff; } .radio.radio-matrial.radio-inverse input ~ .helper::before { background-color: #4c5667; border-color: #4c5667; } .radio.radio-info .helper::after { background-color: #11cdef; border-color: #11cdef; } .radio.radio-info .helper::before { border-color: #11cdef; } .radio.radio-outline.radio-info .helper::after { background-color: #fff; border: 0.225rem solid #11cdef; } .radio.radio-outline.radio-info .helper::before { border-color: #11cdef; } .radio.radio-matrial.radio-info input ~ .helper::after { background-color: #fff; border-color: #fff; } .radio.radio-matrial.radio-info input ~ .helper::before { background-color: #11cdef; border-color: #11cdef; } @keyframes ripple { 0% { box-shadow: 0 0 0 1px rgba(0, 0, 0, 0); } 50% { box-shadow: 0 0 0 10px rgba(0, 0, 0, 0.05); } 100% { box-shadow: 0 0 0 10px rgba(0, 0, 0, 0); } } .border-checkbox-section .border-checkbox-group { display: inline-block; } .border-checkbox-section .border-checkbox-group .border-checkbox:checked + .border-checkbox-label:before { animation: ripple 0.3s linear forwards; } .border-checkbox-section .border-checkbox-group .border-checkbox:checked + .border-checkbox-label:after { -webkit-animation: check linear 0.5s; animation: check linear 0.5s; opacity: 1; border-color: #007bff; } .border-checkbox-section .border-checkbox-group .border-checkbox:checked + .border-checkbox-label:after .border-checkbox-label:before { border-color: #eee; } .border-checkbox-section .border-checkbox-group .border-checkbox-label { position: relative; display: inline-block; cursor: pointer; height: 20px; line-height: 20px; padding-left: 30px; margin-right: 15px; } .border-checkbox-section .border-checkbox-group .border-checkbox-label:after { content: ""; display: block; width: 6px; height: 12px; opacity: 0.9; border-right: 2px solid #eee; border-top: 2px solid #eee; position: absolute; left: 4px; top: 11px; -webkit-transform: scaleX(-1) rotate(135deg); transform: scaleX(-1) rotate(135deg); -webkit-transform-origin: left top; transform-origin: left top; } .border-checkbox-section .border-checkbox-group .border-checkbox-label:before { content: ""; display: block; border: 2px solid #007bff; width: 20px; height: 20px; position: absolute; left: 0; } .border-checkbox-section .border-checkbox { display: none; } .border-checkbox-section .border-checkbox:disabled ~ .border-checkbox-label { cursor: no-drop; color: #ccc; } @-webkit-keyframes check { 0% { height: 0; width: 0; } 25% { height: 0; width: 6px; } 50% { height: 12px; width: 6px; } } @keyframes check { 0% { height: 0; width: 0; } 25% { height: 0; width: 6px; } 50% { height: 12px; width: 6px; } } .border-checkbox-section .border-checkbox-group-primary .border-checkbox-label:before { border: 2px solid #007bff; } .border-checkbox-section .border-checkbox-group-primary .border-checkbox:checked + .border-checkbox-label:after { border-color: #007bff; } .border-checkbox-section .border-checkbox-group-warning .border-checkbox-label:before { border: 2px solid #fb6340; } .border-checkbox-section .border-checkbox-group-warning .border-checkbox:checked + .border-checkbox-label:after { border-color: #fb6340; } .border-checkbox-section .border-checkbox-group-default .border-checkbox-label:before { border: 2px solid #d6d6d6; } .border-checkbox-section .border-checkbox-group-default .border-checkbox:checked + .border-checkbox-label:after { border-color: #d6d6d6; } .border-checkbox-section .border-checkbox-group-danger .border-checkbox-label:before { border: 2px solid #f5365c; } .border-checkbox-section .border-checkbox-group-danger .border-checkbox:checked + .border-checkbox-label:after { border-color: #f5365c; } .border-checkbox-section .border-checkbox-group-success .border-checkbox-label:before { border: 2px solid #2dce89; } .border-checkbox-section .border-checkbox-group-success .border-checkbox:checked + .border-checkbox-label:after { border-color: #2dce89; } .border-checkbox-section .border-checkbox-group-inverse .border-checkbox-label:before { border: 2px solid #4c5667; } .border-checkbox-section .border-checkbox-group-inverse .border-checkbox:checked + .border-checkbox-label:after { border-color: #4c5667; } .border-checkbox-section .border-checkbox-group-info .border-checkbox-label:before { border: 2px solid #11cdef; } .border-checkbox-section .border-checkbox-group-info .border-checkbox:checked + .border-checkbox-label:after { border-color: #11cdef; } .checkbox-fade, .checkbox-zoom { display: inline-block; margin-right: 15px; } .checkbox-fade label, .checkbox-zoom label { line-height: 20px; } .checkbox-fade label input[type="checkbox"], .checkbox-fade label input[type="radio"], .checkbox-zoom label input[type="checkbox"], .checkbox-zoom label input[type="radio"] { display: none; } .checkbox-fade label input[type="checkbox"]:checked + .cr > .cr-icon, .checkbox-fade label input[type="radio"]:checked + .cr > .cr-icon, .checkbox-zoom label input[type="checkbox"]:checked + .cr > .cr-icon, .checkbox-zoom label input[type="radio"]:checked + .cr > .cr-icon { transform: scale(1) rotateZ(0deg); opacity: 1; } .checkbox-fade label input[type="checkbox"] + .cr > .cr-icon, .checkbox-fade label input[type="radio"] + .cr > .cr-icon, .checkbox-zoom label input[type="checkbox"] + .cr > .cr-icon, .checkbox-zoom label input[type="radio"] + .cr > .cr-icon { transform: scale(3) rotateZ(-20deg); opacity: 0; transition: all 0.3s ease-in; } .checkbox-fade label:after, .checkbox-zoom label:after { content: ''; display: table; clear: both; } .checkbox-fade.fade-in-disable .cr, .checkbox-fade.fade-in-disable label, .checkbox-zoom.fade-in-disable .cr, .checkbox-zoom.fade-in-disable label { color: #ccc; cursor: no-drop; } .checkbox-fade .cr, .checkbox-zoom .cr { border-radius: 0; border: 2px solid #007bff; cursor: pointer; display: inline-block; float: left; height: 20px; margin-right: 1rem; position: relative; width: 20px; } .checkbox-fade .cr .cr-icon, .checkbox-zoom .cr .cr-icon { color: #007bff; font-size: 1em; left: 0; line-height: 0; position: absolute; right: 0; text-align: center; top: 50%; } .checkbox-fade input[type="checkbox"]:checked + .cr, .checkbox-zoom input[type="checkbox"]:checked + .cr { animation: ripple 0.3s linear forwards; } .checkbox-fade label { line-height: 20px; } .checkbox-fade label input[type="checkbox"], .checkbox-fade label input[type="radio"] { display: none; } .checkbox-fade label input[type="checkbox"]:checked + .cr > .cr-icon, .checkbox-fade label input[type="radio"]:checked + .cr > .cr-icon { transform: scale(1) rotateZ(0deg); opacity: 1; } .checkbox-fade label input[type="checkbox"] + .cr > .cr-icon, .checkbox-fade label input[type="radio"] + .cr > .cr-icon { transform: scale(3) rotateZ(-20deg); opacity: 0; transition: all 0.3s ease-in; } .checkbox-zoom label { line-height: 20px; } .checkbox-zoom label input[type="checkbox"], .checkbox-zoom label input[type="radio"] { display: none; } .checkbox-zoom label input[type="checkbox"]:checked + .cr > .cr-icon, .checkbox-zoom label input[type="radio"]:checked + .cr > .cr-icon { transform: scale3d(1, 1, 1) translate3d(0, 0, 0); opacity: 1; } .checkbox-zoom label input[type="checkbox"] + .cr > .cr-icon, .checkbox-zoom label input[type="radio"] + .cr > .cr-icon { transform: scale3d(0.2, 0.2, 0.1) translate3d(0, 0, 0); opacity: 0; transition: all 0.3s ease-in; } .checkbox-fade.fade-in-primary .cr, .checkbox-fade.zoom-primary .cr, .checkbox-zoom.fade-in-primary .cr, .checkbox-zoom.zoom-primary .cr { border: 2px solid #007bff; } .checkbox-fade.fade-in-primary .cr .cr-icon, .checkbox-fade.zoom-primary .cr .cr-icon, .checkbox-zoom.fade-in-primary .cr .cr-icon, .checkbox-zoom.zoom-primary .cr .cr-icon { color: #007bff; } .checkbox-fade.fade-in-warning .cr, .checkbox-fade.zoom-warning .cr, .checkbox-zoom.fade-in-warning .cr, .checkbox-zoom.zoom-warning .cr { border: 2px solid #fb6340; } .checkbox-fade.fade-in-warning .cr .cr-icon, .checkbox-fade.zoom-warning .cr .cr-icon, .checkbox-zoom.fade-in-warning .cr .cr-icon, .checkbox-zoom.zoom-warning .cr .cr-icon { color: #fb6340; } .checkbox-fade.fade-in-default .cr, .checkbox-fade.zoom-default .cr, .checkbox-zoom.fade-in-default .cr, .checkbox-zoom.zoom-default .cr { border: 2px solid #d6d6d6; } .checkbox-fade.fade-in-default .cr .cr-icon, .checkbox-fade.zoom-default .cr .cr-icon, .checkbox-zoom.fade-in-default .cr .cr-icon, .checkbox-zoom.zoom-default .cr .cr-icon { color: #d6d6d6; } .checkbox-fade.fade-in-danger .cr, .checkbox-fade.zoom-danger .cr, .checkbox-zoom.fade-in-danger .cr, .checkbox-zoom.zoom-danger .cr { border: 2px solid #f5365c; } .checkbox-fade.fade-in-danger .cr .cr-icon, .checkbox-fade.zoom-danger .cr .cr-icon, .checkbox-zoom.fade-in-danger .cr .cr-icon, .checkbox-zoom.zoom-danger .cr .cr-icon { color: #f5365c; } .checkbox-fade.fade-in-success .cr, .checkbox-fade.zoom-success .cr, .checkbox-zoom.fade-in-success .cr, .checkbox-zoom.zoom-success .cr { border: 2px solid #2dce89; } .checkbox-fade.fade-in-success .cr .cr-icon, .checkbox-fade.zoom-success .cr .cr-icon, .checkbox-zoom.fade-in-success .cr .cr-icon, .checkbox-zoom.zoom-success .cr .cr-icon { color: #2dce89; } .checkbox-fade.fade-in-inverse .cr, .checkbox-fade.zoom-inverse .cr, .checkbox-zoom.fade-in-inverse .cr, .checkbox-zoom.zoom-inverse .cr { border: 2px solid #4c5667; } .checkbox-fade.fade-in-inverse .cr .cr-icon, .checkbox-fade.zoom-inverse .cr .cr-icon, .checkbox-zoom.fade-in-inverse .cr .cr-icon, .checkbox-zoom.zoom-inverse .cr .cr-icon { color: #4c5667; } .checkbox-fade.fade-in-info .cr, .checkbox-fade.zoom-info .cr, .checkbox-zoom.fade-in-info .cr, .checkbox-zoom.zoom-info .cr { border: 2px solid #11cdef; } .checkbox-fade.fade-in-info .cr .cr-icon, .checkbox-fade.zoom-info .cr .cr-icon, .checkbox-zoom.fade-in-info .cr .cr-icon, .checkbox-zoom.zoom-info .cr .cr-icon { color: #11cdef; } .checkbox-color { display: inline-block; margin-right: 20px; cursor: pointer; } .checkbox-color label { display: inline-block; position: relative; padding-left: 10px; line-height: 20px; } .checkbox-color label::before { content: ""; display: inline-block; position: absolute; top: 0; width: 20px; height: 20px; left: 0; right: 0; text-align: center; margin-left: -20px; border: 1px solid #ccc; border-radius: 0; background-color: #fff; transition: border 0.15s ease-in-out, color 0.15s ease-in-out; } .checkbox-color label::after { display: inline-block; position: absolute; width: 16px; height: 16px; left: -1px; top: 0; margin-left: -17px; padding-left: 3px; padding-top: 1px; font-size: 11px; color: #fff; } .checkbox-color input[type="checkbox"] { opacity: 0; } .checkbox-color input[type="checkbox"]:focus + label::before { outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } .checkbox-color input[type="checkbox"]:checked + label::after { font-family: 'FontAwesome'; content: "\f00c"; } .checkbox-color input[type="checkbox"]:checked + label::before { animation: ripple 0.3s linear forwards; } .checkbox-color input[type="checkbox"]:disabled + label { opacity: 0.65; } .checkbox-color input[type="checkbox"]:disabled + label::before { background-color: #eee; cursor: not-allowed; } .checkbox-color.checkbox-circle label::before { border-radius: 50%; } .checkbox-color.checkbox-inline { margin-top: 0; } .checkbox-danger input[type="checkbox"]:checked + label::after, .checkbox-info input[type="checkbox"]:checked + label::after, .checkbox-primary input[type="checkbox"]:checked + label::after, .checkbox-success input[type="checkbox"]:checked + label::after, .checkbox-warning input[type="checkbox"]:checked + label::after { color: #fff; } .checkbox-primary input[type="checkbox"]:checked + label::before { background-color: #2196f3; border-color: #2196f3; } .checkbox-primary input[type="checkbox"]:checked + label::before { background-color: #007bff; } .checkbox-warning input[type="checkbox"]:checked + label::before { background-color: #fb6340; } .checkbox-default input[type="checkbox"]:checked + label::before { background-color: #d6d6d6; } .checkbox-danger input[type="checkbox"]:checked + label::before { background-color: #f5365c; } .checkbox-success input[type="checkbox"]:checked + label::before { background-color: #2dce89; } .checkbox-inverse input[type="checkbox"]:checked + label::before { background-color: #4c5667; } .checkbox-info input[type="checkbox"]:checked + label::before { background-color: #11cdef; } .slider-nav .left-arrow, .slider-nav .right-arrow { font-size: 20px; color: #145388; display: inline-block; vertical-align: middle; margin: 0 15px; } .slider-nav .slider-dot-container { display: inline-block; } .slider-nav .slider-dot-container .owl-dot { width: 6px; height: 6px; border-radius: 10px; color: #00a7e2; background: #7cb9ec; outline: initial !important; border: initial; margin: 0 5px; padding: 0; } .slider-nav .slider-dot-container .owl-dot.active { background: #145388; } .fc .fc-toolbar .fc-button { background: #4a5361; color: #fff; padding: 5px 10px; height: auto; border: none; text-transform: capitalize; text-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .fc .fc-toolbar .fc-button .fc-icon { margin: 0; top: 0; } .fc .fc-toolbar .fc-button .fc-icon:after, .fc .fc-toolbar .fc-button .fc-icon::after { font-family: "iconkit"; font-size: 16px; } .fc .fc-toolbar .fc-button .fc-icon.fc-icon-left-single-arrow:after, .fc .fc-toolbar .fc-button .fc-icon.fc-icon-left-single-arrow::after { content: "\e843"; } .fc .fc-toolbar .fc-button .fc-icon.fc-icon-right-single-arrow:after, .fc .fc-toolbar .fc-button .fc-icon.fc-icon-right-single-arrow::after { content: "\e844"; } .fc .fc-toolbar .fc-button.fc-state-active, .fc .fc-toolbar .fc-button.fc-state-down { background: #272d36 !important; } .fc .fc-toolbar h2 { font-size: 22px; font-weight: 600; } .fc .fc-view-container .fc-view table thead tr td.fc-widget-header, .fc .fc-view-container .fc-view table thead tr th.fc-widget-header { color: #4a5361; background: #f3f4f4; border-color: #f3f4f4; padding: 10px 0px; } .fc .fc-view-container .fc-view .fc-day-number { float: left; padding: 10px 0 5px 10px; } .fc .fc-view-container .fc-view .fc-other-month { background: #f3f9ff; } .fc .fc-view-container .fc-view .fc-event-container .fc-event { display: block; padding: 3px 5px; color: #ffffff; font-weight: 600; font-size: 12px; border: none; } .fc-unthemed .fc-content, .fc-unthemed .fc-divider, .fc-unthemed .fc-list-heading, .fc-unthemed .fc-list-view, .fc-unthemed .fc-popover, .fc-unthemed .fc-row, .fc-unthemed tbody, .fc-unthemed td, .fc-unthemed thead { border-color: #f3f4f4; } .color-selector { padding: 0; margin: 0; list-style: none; } .color-selector li { position: relative; display: inline-block; width: 25px; height: 25px; margin: 0 8px 8px 0; background-color: #3e8ef7; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; } .color-selector li input[type=radio] { position: absolute; top: 0; left: 0; z-index: 1; width: inherit; height: inherit; cursor: pointer; border-radius: inherit; opacity: 0; } .color-selector li input[type=radio]:checked + label:after, .color-selector li input[type=radio]:checked + label::after { position: absolute; top: 0px; left: 5px; display: inline-block; margin-top: -3px; font-size: 16px; line-height: 1; content: "\e83f"; color: #fff; } .color-selector li label { position: relative; margin-bottom: .4rem; font-family: "iconkit"; font-style: normal; font-weight: 400; font-variant: normal; text-transform: none; } .color-selector li:last-child { margin-right: 0; } .alert { border: none; } .alert .close { font-size: 18px; padding: 12px 15px; } .jq-icon-info { background-color: #11cdef; color: #ffffff; border: none; } .jq-icon-warning { background-color: #fb6340; color: #ffffff; } .jq-icon-error { background-color: #f5365c; color: #ffffff; } .jq-icon-success { color: #ffffff; background-color: #2dce89; } .jq-toast-single, .jq-toast-single h2 { font-family: 'Nunito Sans', sans-serif; } .br-wrapper { margin: 20px 0 50px; } .br-theme-bars-1to10 .br-widget .br-current-rating { clear: both; padding: 0; font-size: 13px; color: #757575; font-weight: 400; } .br-theme-bars-reversed .br-widget .br-current-rating { clear: both; padding: 0; line-height: 2; font-size: 13px; } .br-theme-bars-movie .br-widget .br-current-rating { color: #757575; font-weight: 400; text-align: left; } .br-theme-bars-horizontal .br-widget .br-current-rating, .br-theme-bars-reversed .br-widget .br-current-rating { color: #757575; font-weight: 400; font-size: 13px; } span.value { display: inline; } .current-rating { position: relative; top: -50px; } .current-rating.hidden { display: none; } .your-rating { position: relative; top: -50px; } .your-rating.hidden { display: none; } .br-theme-bars-1to10 .br-widget a, .br-theme-bars-movie .br-widget a, .br-theme-bars-reversed .br-widget a, .br-theme-bars-horizontal .br-widget a { background-color: #66b0ff; } .br-theme-bars-1to10 .br-widget a.br-active, .br-theme-bars-1to10 .br-widget a.br-selected, .br-theme-bars-movie .br-widget a.br-active, .br-theme-bars-movie .br-widget a.br-selected, .br-theme-bars-reversed .br-widget a.br-active, .br-theme-bars-reversed .br-widget a.br-selected, .br-theme-bars-horizontal .br-widget a.br-active, .br-theme-bars-horizontal .br-widget a.br-selected { background-color: #007bff; } .br-theme-bars-pill .br-widget a { background-color: #66b0ff; color: #007bff; } .br-theme-bars-pill .br-widget a.br-active, .br-theme-bars-pill .br-widget a.br-selected { background-color: #007bff; } .br-theme-fontawesome-stars .br-widget a.br-active:after, .br-theme-fontawesome-stars .br-widget a.br-selected:after { color: #007bff; } .br-theme-css-stars .br-widget a.br-active:after, .br-theme-css-stars .br-widget a.br-selected:after { color: #007bff; } .br-theme-bars-square .br-widget a { border: 2px solid #66b0ff; color: #2990ff; } .br-theme-bars-square .br-widget a.br-active, .br-theme-bars-square .br-widget a.br-selected { border: 2px solid #007bff; color: #007bff; } .br-theme-fontawesome-stars-o .br-widget a.br-selected:after, .br-theme-fontawesome-stars-o .br-widget a:after, .br-theme-fontawesome-stars-o .br-widget a.br-active:after, .br-theme-fontawesome-stars-o .br-widget a.br-fractional:after { color: #007bff; } /*range slider start */ .range-slider { min-height: 200px; display: flex; align-items: center; margin-left: 15px; } .range-slider b { margin-top: -10px; } #RGB { height: 10px; background: gray; } #RC .slider-selection { background: #FF8282; } #RC .slider-handle { background: red; } #GC .slider-selection { background: #428041; } #GC .slider-handle { background: green; } #BC .slider-selection { background: #8283FF; } #BC .slider-handle { border-bottom-color: blue; } #R, #G, #B { width: 300px; } .range-slider-contain { position: absolute; bottom: 15px; } .slider-handle { top: -5px; background-image: linear-gradient(to bottom, #007bff 0%, #007bff 100%); box-shadow: none; } .slider-tick, .slider-track { background-image: linear-gradient(to bottom, #BDC3C7 0%, #BDC3C7 100%); } .slider-handle.custom::before { line-height: 15px; font-size: 35px; color: #007bff; } #slider12a .slider-track-high, #slider12c .slider-track-high { background: green; } #slider12b .slider-track-low, #slider12c .slider-track-low { background: red; } #slider12c .slider-selection { background: yellow; } .slider-selection.tick-slider-selection { background-image: linear-gradient(to bottom, #3395ff 0%, #3395ff 100%); } .slider-tick.in-selection { background-image: linear-gradient(to bottom, #3395ff 0%, #3395ff 100%); } .slider.slider-horizontal .slider-track { height: 2px; } .slider.slider-horizontal .slider-tick, .slider.slider-horizontal .slider-handle { top: -5px; cursor: pointer; } /*range slider end */ .slider.slider-horizontal .slider-track { width: 90%; margin-top: -5px; top: 50%; left: 10px; } .auth-wrapper .lavalite-bg { height: 100vh; position: relative; width: 100%; -webkit-background-size: cover; background-size: cover; background-repeat: no-repeat; } .auth-wrapper .lavalite-bg .lavalite-overlay { position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: linear-gradient(135deg, rgba(46, 52, 81, 0.4) 0%, rgba(52, 40, 104, 0.95) 100%); } .auth-wrapper .authentication-form { font-size: .9rem; width: 70%; display: block; padding: 100px 0; } .auth-wrapper .authentication-form .logo-centered { width: 60px; margin: 0 auto; margin-bottom: 40px; } .auth-wrapper .authentication-form h3 { font-size: 20px; color: #272d36; margin-bottom: 20px; } .auth-wrapper .authentication-form .form-group { position: relative; } .auth-wrapper .authentication-form .form-group .form-control { padding-left: 40px; } .auth-wrapper .authentication-form .form-group .form-control ~ i { position: absolute; top: 10px; left: 15px; } .auth-wrapper .authentication-form .sign-btn { margin-top: 30px; } .auth-wrapper .authentication-form .register { margin-top: 30px; text-align: center; } body { color: #212121; font-size: .8rem; line-height: 1.5; font-weight: 400; font-family: "Nunito Sans", sans-serif; } .dropdown-toggle:after, .dropdown-toggle::after { display: none; } .tooltip { font-family: "Nunito Sans", sans-serif; font-size: 12px; font-weight: 700; } .truncate { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .progress-sm { height: .5rem; } .progress-sm .progress-bar { height: .5rem; } .img-thumbnail, .list-thumbnail { border-radius: .1rem; padding: 0; border: initial; } .list-thumbnail { height: auto; max-width: unset; height: 85px; object-fit: cover; width: unset !important; } @media only screen and (max-width: 1023px) { .list-thumbnail.responsive { width: unset; height: 135px; } } .list-thumbnail.small { height: 60px; font-size: 1rem; } .list-thumbnail-letters { width: 85px; height: 85px; background: #090e40; align-items: center; display: flex; justify-content: center; font-size: 1.25rem; color: #fff; } .list-thumbnail-letters.small { width: 60px; height: 60px; font-size: 1rem; } .list-item-heading { font-size: 1rem; } .flex-grow-1 { -webkit-flex-grow: 1; -moz-flex-grow: 1; -ms-flex-grow: 1; flex-grow: 1; } .dropdown-menu { padding: 5px; font-size: 12px; background-color: #ffffff; border-color: transparent; margin: 0; width: 170px; border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; -webkit-box-shadow: 0 2px 30px rgba(0, 0, 0, 0.08); -moz-box-shadow: 0 2px 30px rgba(0, 0, 0, 0.08); box-shadow: 0 2px 30px rgba(0, 0, 0, 0.08); } .dropdown-menu .dropdown-item { background-color: #ffffff; padding: 8px 15px; line-height: 14px; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; } .dropdown-menu .dropdown-item .dropdown-icon { display: inline-block; vertical-align: middle; font-size: 16px; margin-right: 5px; vertical-align: -2px; color: #9aa0ac; } .dropdown-menu .dropdown-item:hover, .dropdown-menu .dropdown-item:focus { background-color: #dee2e6 !important; color: #212121; } .dropdown-menu .dropdown-item .badge { width: 15px; height: 15px; border-radius: 50%; text-align: center; padding: 0; line-height: 15px; } .dropdown-menu:after, .dropdown-menu::after { bottom: 100%; left: 10px; border: solid transparent; content: ' '; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(136, 183, 213, 0); border-bottom-color: #ffffff; border-width: 5px; } .dropdown-menu.dropdown-menu-right::after { right: 10px; left: auto; } .wrapper .header-top { background-color: #ffffff; z-index: 1030; position: relative; padding: 15px 0; position: fixed; top: 0; width: 100%; left: 0; padding-left: 240px; -webkit-box-shadow: 0 1px 15px rgba(0, 0, 0, 0.04), 0 1px 6px rgba(0, 0, 0, 0.04); -moz-box-shadow: 0 1px 15px rgba(0, 0, 0, 0.04), 0 1px 6px rgba(0, 0, 0, 0.04); box-shadow: 0 1px 15px rgba(0, 0, 0, 0.04), 0 1px 6px rgba(0, 0, 0, 0.04); } .wrapper .header-top .top-menu .dropdown { margin-left: 10px; } .wrapper .header-top .top-menu .dropdown .dropdown-menu { margin-top: 10px; } .wrapper .header-top .top-menu .dropdown .dropdown-menu.menu-grid { width: 182px; } .wrapper .header-top .top-menu .dropdown .dropdown-menu.menu-grid .dropdown-item { display: inline-block; width: 40px; height: 40px; text-align: center; padding: 0; line-height: 40px; font-size: 18px; color: #5A5A5A; } .wrapper .header-top .top-menu .dropdown .dropdown-menu.notification-dropdown { min-width: 300px; padding: 0; } .wrapper .header-top .top-menu .dropdown .dropdown-menu.notification-dropdown .header { margin: 0; padding: 15px; font-size: 16px; border-bottom: 1px solid #f1f1f1; } .wrapper .header-top .top-menu .dropdown .dropdown-menu.notification-dropdown .notifications-wrap .media { border-bottom: 1px solid #eef1f2; padding: 10px; } .wrapper .header-top .top-menu .dropdown .dropdown-menu.notification-dropdown .notifications-wrap .media:nth-child(odd) { background: #f8f9fa; } .wrapper .header-top .top-menu .dropdown .dropdown-menu.notification-dropdown .notifications-wrap .media .d-flex { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; margin-right: 15px; } .wrapper .header-top .top-menu .dropdown .dropdown-menu.notification-dropdown .notifications-wrap .media .d-flex i { color: #fff; text-align: center; font-size: 15px; line-height: 30px; top: 0; height: 30px; width: 30px; background: #404E67; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; } .wrapper .header-top .top-menu .dropdown .dropdown-menu.notification-dropdown .notifications-wrap .media .d-flex img { height: 30px; } .wrapper .header-top .top-menu .dropdown .dropdown-menu.notification-dropdown .notifications-wrap .media .media-body { font-size: 12px; } .wrapper .header-top .top-menu .dropdown .dropdown-menu.notification-dropdown .notifications-wrap .media .media-body .media-heading { color: #444; font-weight: 600; letter-spacing: 0; } .wrapper .header-top .top-menu .dropdown .dropdown-menu.notification-dropdown .notifications-wrap .media .media-body .media-content { color: #868e96; } .wrapper .header-top .top-menu .dropdown .dropdown-menu.notification-dropdown .footer { text-align: center; padding: 10px 15px; } .wrapper .header-top .top-menu .dropdown .dropdown-menu.notification-dropdown .footer a { color: #212121; font-size: 16px; } .wrapper .header-top .top-menu .nav-link { width: 30px; height: 30px; padding: 0; text-align: center; line-height: 36px; color: #212121; border: none; position: relative; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .wrapper .header-top .top-menu .nav-link:hover, .wrapper .header-top .top-menu .nav-link:focus { background-color: #dee2e6; color: #333; } .wrapper .header-top .top-menu .nav-link i { font-size: 16px; } .wrapper .header-top .top-menu .nav-link .badge { right: -1px; position: absolute; top: -4px; padding: 3px; width: 17px; font-size: 11px; font-weight: 800; color: #fff; border-radius: 100px; -webkit-border-radius: 100px; -moz-border-radius: 100px; } .wrapper .header-top .top-menu .avatar { color: #4c5667; font-weight: 600; width: 30px; height: 30px; line-height: 30px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; display: inline-block; background: #ced4da no-repeat center/cover; position: relative; vertical-align: bottom; font-size: .875rem; user-select: none; } .wrapper .header-top .top-menu .mobile-nav-toggle { border: none; position: relative; margin-right: 5px; } .wrapper .header-top .top-menu .mobile-nav-toggle span { height: 2px; width: 20px; background-color: #4a5361; display: inline-block; border-radius: 4px; position: absolute; top: 14px; left: 5px; } .wrapper .header-top .top-menu .mobile-nav-toggle span::before, .wrapper .header-top .top-menu .mobile-nav-toggle span::after { content: ""; height: 2px; width: 20px; border-radius: 4px; background-color: #4a5361; display: inline-block; position: absolute; } .wrapper .header-top .top-menu .mobile-nav-toggle span::before { left: 0; top: -6px; } .wrapper .header-top .top-menu .mobile-nav-toggle span::after { left: 0; bottom: -6px; } .wrapper .header-top .top-menu .header-search { padding: 0 10px; position: relative; } .wrapper .header-top .top-menu .header-search .input-group { border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px; margin-bottom: 0; } .wrapper .header-top .top-menu .header-search .input-group .input-group-addon { color: #404E67; padding: 2px 10px 2px 0px; font-size: 16px; cursor: pointer; } .wrapper .header-top .top-menu .header-search .input-group .input-group-addon.search-close { padding: 2px 0px 2px 10px; display: none; } .wrapper .header-top .top-menu .header-search .input-group .form-control { padding: 0 10px; min-height: auto; width: 0; border: none; color: #353c4e; background-color: transparent; border-radius: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; } .wrapper .header-top .top-menu .header-search.open .input-group { background-color: #e4e4e4; } .wrapper .header-top .top-menu .header-search.open .input-group .input-group-addon.search-close { display: block; } @media only screen and (max-width: 1023px) { .wrapper .header-top { padding-left: 0; } } .wrapper .header-top[header-theme="light"] { background: #ffffff; } .wrapper .header-top[header-theme="dark"] { background: #272d36; } .wrapper .header-top[header-theme="blue"] { background: #007bff; } .wrapper .header-top[header-theme="red"] { background: #f5365c; } .wrapper .header-top[header-theme="orange"] { background: #fb6340; } .wrapper .header-top[header-theme="green"] { background: #2dce89; } .wrapper .header-top[header-theme="purple"] { background: #BF55EC; } .wrapper .header-top[header-theme="blue"] .top-menu .nav-link, .wrapper .header-top[header-theme="red"] .top-menu .nav-link, .wrapper .header-top[header-theme="orange"] .top-menu .nav-link, .wrapper .header-top[header-theme="green"] .top-menu .nav-link, .wrapper .header-top[header-theme="purple"] .top-menu .nav-link, .wrapper .header-top[header-theme="dark"] .top-menu .nav-link { color: #ffffff; background-color: transparent; } .wrapper .header-top[header-theme="blue"] .top-menu .header-search .input-group .input-group-addon, .wrapper .header-top[header-theme="red"] .top-menu .header-search .input-group .input-group-addon, .wrapper .header-top[header-theme="orange"] .top-menu .header-search .input-group .input-group-addon, .wrapper .header-top[header-theme="green"] .top-menu .header-search .input-group .input-group-addon, .wrapper .header-top[header-theme="purple"] .top-menu .header-search .input-group .input-group-addon, .wrapper .header-top[header-theme="dark"] .top-menu .header-search .input-group .input-group-addon { color: #ffffff; } .wrapper .page-wrap { position: relative; } .wrapper .page-wrap .app-sidebar { position: fixed; left: 0; top: 0; width: 240px; height: 100vh; background-color: #ffffff; z-index: 1040; -webkit-box-shadow: 0 3px 30px rgba(0, 0, 0, 0.1), 0 3px 20px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 3px 30px rgba(0, 0, 0, 0.1), 0 3px 20px rgba(0, 0, 0, 0.1); box-shadow: 0 3px 30px rgba(0, 0, 0, 0.1), 0 3px 20px rgba(0, 0, 0, 0.1); -moz-transition: width 0.3s cubic-bezier(0, 0, 0.2, 1); -o-transition: width 0.3s cubic-bezier(0, 0, 0.2, 1); -webkit-transition: width 0.3s cubic-bezier(0, 0, 0.2, 1); transition: width 0.3s cubic-bezier(0, 0, 0.2, 1); -moz-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); white-space: nowrap; visibility: visible; } .wrapper .page-wrap .app-sidebar .sidebar-header { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; -webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content: space-between; justify-content: space-between; -ms-flex-pack: space-between; padding: 13px 15px; height: 60px; } .wrapper .page-wrap .app-sidebar .sidebar-header .header-brand { display: block; font-size: 22px; font-weight: 700; color: #212529; } .wrapper .page-wrap .app-sidebar .sidebar-header .header-brand .logo-img { display: inline-block; width: 30px; } .wrapper .page-wrap .app-sidebar .sidebar-header .nav-toggle { border: none; background-color: transparent; color: #ffffff; font-size: 20px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .wrapper .page-wrap .app-sidebar .sidebar-header .btn-icon { border: none; } .wrapper .page-wrap .app-sidebar .sidebar-header .nav-close { display: none; border: none; background-color: transparent; color: #ffffff; font-size: 20px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } @media only screen and (max-width: 1023px) { .wrapper .page-wrap .app-sidebar .sidebar-header .nav-close { display: inline-block; } } @media only screen and (max-width: 1023px) { .wrapper .page-wrap .app-sidebar .sidebar-header .nav-toggle { display: none; } } .wrapper .page-wrap .app-sidebar .sidebar-content { position: relative; height: -webkit-calc(100vh - 60px); height: -moz-calc(100vh - 60px); height: calc(100vh - 60px); overflow: auto; z-index: 4; } .wrapper .page-wrap .app-sidebar .sidebar-content .nav-container .navigation-main .nav-item { position: relative; } .wrapper .page-wrap .app-sidebar .sidebar-content .nav-container .navigation-main .nav-item a { display: block; overflow: hidden; padding: 15px 5px; margin-left: 15px; margin-right: 15px; color: #545454; position: relative; } .wrapper .page-wrap .app-sidebar .sidebar-content .nav-container .navigation-main .nav-item a i { font-size: 20px; margin-right: 10px; display: inline-block; vertical-align: -4px; } .wrapper .page-wrap .app-sidebar .sidebar-content .nav-container .navigation-main .nav-item a span { font-size: 13px; } .wrapper .page-wrap .app-sidebar .sidebar-content .nav-container .navigation-main .nav-item a .badge { position: absolute; right: 30px; text-align: center; top: 16px; vertical-align: middle; white-space: nowrap; opacity: 1; visibility: visible; border-radius: 4px; font-size: 75%; padding: 4px 7px; margin-right: 5px; font-weight: 800; color: #fff; -webkit-transition: opacity 0.3s linear; transition: opacity 0.3s linear; text-transform: uppercase; } .wrapper .page-wrap .app-sidebar .sidebar-content .nav-container .navigation-main .nav-item a.disabled { opacity: 0.5; cursor: not-allowed !important; } .wrapper .page-wrap .app-sidebar .sidebar-content .nav-container .navigation-main .nav-item.has-sub a::before { content: "\e844"; font-family: "iconkit"; position: absolute; right: 3px; top: 15px; -moz-transform: rotate(0deg); -o-transform: rotate(0deg); -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg); -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .wrapper .page-wrap .app-sidebar .sidebar-content .nav-container .navigation-main .nav-item.has-sub .submenu-content { background-color: #f3f3f3; } .wrapper .page-wrap .app-sidebar .sidebar-content .nav-container .navigation-main .nav-item.has-sub .submenu-content .menu-item { padding: 10px 5px; font-size: 13px; padding-left: 50px; margin: 0; } .wrapper .page-wrap .app-sidebar .sidebar-content .nav-container .navigation-main .nav-item.has-sub .submenu-content .menu-item::before { display: none; } .wrapper .page-wrap .app-sidebar .sidebar-content .nav-container .navigation-main .nav-item.has-sub .submenu-content .menu-item.active { color: #eb525d; } .wrapper .page-wrap .app-sidebar .sidebar-content .nav-container .navigation-main .nav-item.has-sub .submenu-content .nav-item::after { display: none; } .wrapper .page-wrap .app-sidebar .sidebar-content .nav-container .navigation-main .nav-item.has-sub .submenu-content .nav-item a { position: relative; } .wrapper .page-wrap .app-sidebar .sidebar-content .nav-container .navigation-main .nav-item.has-sub .submenu-content .nav-item a::before { content: "\e844"; font-family: "iconkit"; position: absolute; right: 20px; top: 10px; display: inline-block; -moz-transform: rotate(0deg); -o-transform: rotate(0deg); -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg); -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .wrapper .page-wrap .app-sidebar .sidebar-content .nav-container .navigation-main .nav-item.has-sub .submenu-content .nav-item .submenu-content .menu-item { padding-left: 70px; } .wrapper .page-wrap .app-sidebar .sidebar-content .nav-container .navigation-main .nav-item.has-sub .submenu-content .nav-item .submenu-content .menu-item::before { display: none; } .wrapper .page-wrap .app-sidebar .sidebar-content .nav-container .navigation-main .nav-item.has-sub .submenu-content .nav-item.open a::before { -moz-transform: rotate(90deg); -o-transform: rotate(90deg); -ms-transform: rotate(90deg); -webkit-transform: rotate(90deg); transform: rotate(90deg); } .wrapper .page-wrap .app-sidebar .sidebar-content .nav-container .navigation-main .nav-item:not(.open) .submenu-content { display: none; } .wrapper .page-wrap .app-sidebar .sidebar-content .nav-container .navigation-main .nav-item.open a::before { -moz-transform: rotate(90deg); -o-transform: rotate(90deg); -ms-transform: rotate(90deg); -webkit-transform: rotate(90deg); transform: rotate(90deg); } .wrapper .page-wrap .app-sidebar .sidebar-content .nav-container .navigation-main .nav-item.open::after { background: #576a3d; border-radius: 10px; color: #fff; content: " "; height: 30px; left: 0; position: absolute; top: 10px; width: 3px; } .wrapper .page-wrap .app-sidebar .sidebar-content .nav-container .navigation-main .nav-item.active::after { background: #576a3d; border-radius: 10px; color: #fff; content: " "; height: 30px; left: 0; top: 10px; position: absolute; width: 3px; } .wrapper .page-wrap .app-sidebar .sidebar-content .nav-container .navigation-main .nav-lavel { font-size: 14px; font-weight: 400; opacity: 1; padding: 8px 20px 8px; text-transform: capitalize; visibility: visible; width: 100%; color: #999; background: #333e52; } .wrapper .page-wrap .app-sidebar.colored .sidebar-header { background-color: #272d36; } .wrapper .page-wrap .app-sidebar.colored .sidebar-header .header-brand { color: #ffffff; } .wrapper .page-wrap .app-sidebar.colored .sidebar-content { background-color: #404E67; } .wrapper .page-wrap .app-sidebar.colored .sidebar-content .nav-container .navigation-main .nav-item { border-color: rgba(243, 243, 243, 0.15); } .wrapper .page-wrap .app-sidebar.colored .sidebar-content .nav-container .navigation-main .nav-item a { color: #ffffff; } .wrapper .page-wrap .app-sidebar.colored .sidebar-content .nav-container .navigation-main .nav-item a i { color: #bcc8d8; } .wrapper .page-wrap .app-sidebar.colored .sidebar-content .nav-container .navigation-main .nav-item .submenu-content { background-color: #4a5872; } .wrapper .page-wrap .app-sidebar.colored .sidebar-content .nav-container .navigation-main .nav-item.open::after, .wrapper .page-wrap .app-sidebar.colored .sidebar-content .nav-container .navigation-main .nav-item.active::after { background-color: #eb525d; } .wrapper .page-wrap .app-sidebar.hide-sidebar { -moz-transition: transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1); -o-transition: transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1); -webkit-transition: transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1); transition: transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1); -moz-transform: translate3d(-100%, 0, 0); -o-transform: translate3d(-100%, 0, 0); -ms-transform: translate3d(-100%, 0, 0); -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } @media only screen and (max-width: 1023px) { .wrapper .page-wrap .app-sidebar { -moz-transition: transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1); -o-transition: transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1); -webkit-transition: transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1); transition: transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1); } } .wrapper .page-wrap .main-content { padding: 30px 0; background-color: #F6F7FB; min-height: calc(100vh - 120px); margin-top: 60px; padding-right: 15px; padding-left: 255px; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } @media only screen and (max-width: 1023px) { .wrapper .page-wrap .main-content { padding-left: 0; padding-right: 0; } } .wrapper .page-wrap .main-content .page-header { margin-bottom: 30px; } .wrapper .page-wrap .main-content .page-header .page-header-title i { float: left; width: 40px; height: 40px; border-radius: 5px; margin-right: 20px; vertical-align: middle; font-size: 22px; color: #fff; display: inline-flex; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; -ms-flex-pack: center; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; -webkit-box-shadow: 0 2px 12px -3px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 2px 12px -3px rgba(0, 0, 0, 0.5); box-shadow: 0 2px 12px -3px rgba(0, 0, 0, 0.5); } .wrapper .page-wrap .main-content .page-header .page-header-title h5 { margin-bottom: 0; font-weight: 700; font-size: 18px; } .wrapper .page-wrap .main-content .page-header .page-header-title h5 + span { font-size: 13px; } .wrapper .page-wrap .main-content .page-header .breadcrumb-container { float: right; } .wrapper .page-wrap .main-content .page-header .breadcrumb-container .breadcrumb { background-color: transparent; margin-bottom: 0; float: right; } .wrapper .page-wrap .main-content .page-header .breadcrumb-container .breadcrumb .breadcrumb-item a { color: #212121; } .wrapper .page-wrap .main-content .card .card-body .sub-title { font-size: 14px; border-bottom: 1px solid rgba(204, 204, 204, 0.35); padding-bottom: 10px; margin-bottom: 20px; color: #2c3e50; } .wrapper .page-wrap .main-content .card .card-body code { background-color: #eee; margin: 5px; display: inline-block; padding: 1px 6px; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; } .wrapper .page-wrap .main-content .card .card-body .list-item-wrap .list-item { padding: 13px 20px; border: 1px solid #ededed; position: relative; border-left: 0; border-right: 0; height: 50px; overflow: hidden; -moz-transition: transform 0.2s ease-in-out; -o-transition: transform 0.2s ease-in-out; -webkit-transition: transform 0.2s ease-in-out; transition: transform 0.2s ease-in-out; } .wrapper .page-wrap .main-content .card .card-body .list-item-wrap .list-item .item-inner { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: flex-start; -moz-justify-content: flex-start; -ms-justify-content: flex-start; justify-content: flex-start; -ms-flex-pack: flex-start; position: relative; } .wrapper .page-wrap .main-content .card .card-body .list-item-wrap .list-item .item-inner .custom-control { margin: 0; margin-top: -2px; } .wrapper .page-wrap .main-content .card .card-body .list-item-wrap .list-item .item-inner .list-title { width: 100%; display: block; } .wrapper .page-wrap .main-content .card .card-body .list-item-wrap .list-item .item-inner .list-title a { color: #3e5569; font-weight: 600; display: block; width: 100%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; width: calc(100% - 50px); } .wrapper .page-wrap .main-content .card .card-body .list-item-wrap .list-item .item-inner .list-actions { position: absolute; right: 0px; top: 50%; opacity: 0; display: none; z-index: 3; padding-left: 10px; -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); } .wrapper .page-wrap .main-content .card .card-body .list-item-wrap .list-item .item-inner .list-actions a { width: 30px; height: 30px; padding: 0; border-radius: 50%; text-align: center; line-height: 32px; color: #999; display: inline-block; } .wrapper .page-wrap .main-content .card .card-body .list-item-wrap .list-item .item-inner .list-actions a:hover, .wrapper .page-wrap .main-content .card .card-body .list-item-wrap .list-item .item-inner .list-actions a:focus { background-color: #dee2e6; color: #333; } .wrapper .page-wrap .main-content .card .card-body .list-item-wrap .list-item .qickview-wrap { margin-top: 5px; opacity: 0; } .wrapper .page-wrap .main-content .card .card-body .list-item-wrap .list-item .qickview-wrap .desc p { margin: 0; } .wrapper .page-wrap .main-content .card .card-body .list-item-wrap .list-item:hover, .wrapper .page-wrap .main-content .card .card-body .list-item-wrap .list-item:focus { background-color: #f9f9f9; } .wrapper .page-wrap .main-content .card .card-body .list-item-wrap .list-item:hover .list-actions, .wrapper .page-wrap .main-content .card .card-body .list-item-wrap .list-item:focus .list-actions { opacity: 1; display: block; } .wrapper .page-wrap .main-content .card .card-body .list-item-wrap .list-item.quick-view-opened { height: auto; background-color: #ffffff; border: none; z-index: 5; -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.01), 0 0 32px 0 rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.01), 0 0 32px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.01), 0 0 32px 0 rgba(0, 0, 0, 0.1); -moz-transform: scale(1.01); -o-transform: scale(1.01); -ms-transform: scale(1.01); -webkit-transform: scale(1.01); transform: scale(1.01); } .wrapper .page-wrap .main-content .card .card-body .list-item-wrap .list-item.quick-view-opened .item-inner .list-title a { font-size: 16px; color: #263238; } .wrapper .page-wrap .main-content .card .card-body .list-item-wrap .list-item.quick-view-opened .qickview-wrap { opacity: 1; } .wrapper .page-wrap .main-content .card .card-body .list-item-wrap .list-item + .list-item { margin-top: -1px; } .wrapper .page-wrap .main-content .card .card-body .list-item-wrap .list-item:last-child { border-bottom: none; } .wrapper .page-wrap .footer { background: #ffffff; padding: 20px 30px; border-top: 1px solid rgba(0, 0, 0, 0.04); font-size: calc(0.875rem - 0.05rem); -moz-transition: all 0.25s ease; -o-transition: all 0.25s ease; -webkit-transition: all 0.25s ease; transition: all 0.25s ease; } @media only screen and (min-width: 1024px) { .wrapper .page-wrap .footer { padding-left: 270px; } } .wrapper .page-wrap .right-sidebar { position: fixed; top: 60px; right: 0; width: 240px; background: #fff; height: calc(100vh - 60px); border-left: 1px solid #eef1f2; border-top: 1px solid #eef1f2; padding: 1.07143em; z-index: 9; -moz-transform: translateX(100%); -o-transform: translateX(100%); -ms-transform: translateX(100%); -webkit-transform: translateX(100%); transform: translateX(100%); -moz-transition: all 0.25s ease; -o-transition: all 0.25s ease; -webkit-transition: all 0.25s ease; transition: all 0.25s ease; } .wrapper .page-wrap .right-sidebar .sidebar-chat .sidebar-chat-info h6 { color: #353c4e; } .wrapper .page-wrap .right-sidebar .sidebar-chat .sidebar-chat-info .form-group { position: relative; } .wrapper .page-wrap .right-sidebar .sidebar-chat .sidebar-chat-info .form-group .form-control { padding-right: 30px; border-radius: 50px; -webkit-border-radius: 50px; -moz-border-radius: 50px; padding-left: 15px; } .wrapper .page-wrap .right-sidebar .sidebar-chat .sidebar-chat-info .form-group i { position: absolute; top: 8px; right: 10px; font-size: 16px; color: #bbb; } .wrapper .page-wrap .right-sidebar .sidebar-chat .chat-list .list-group { margin-left: -1.07143em; margin-right: -1.07143em; } .wrapper .page-wrap .right-sidebar .sidebar-chat .chat-list .list-group .list-group-item { background: none; border: 0; border-top: 1px solid #eef1f2; padding: 1em 1.07143em; overflow: hidden; color: #999; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; } .wrapper .page-wrap .right-sidebar .sidebar-chat .chat-list .list-group .list-group-item figure { margin: 0; position: relative; margin-right: 10px; } .wrapper .page-wrap .right-sidebar .sidebar-chat .chat-list .list-group .list-group-item figure img { width: 40px; height: 40px; } .wrapper .page-wrap .right-sidebar .sidebar-chat .chat-list .list-group .list-group-item span { line-height: 1em; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: end; -moz-justify-content: end; -ms-justify-content: end; justify-content: end; -ms-flex-pack: end; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .wrapper .page-wrap .right-sidebar .sidebar-chat .chat-list .list-group .list-group-item span .name { font-size: 14px; color: #444; margin-bottom: 5px; } .wrapper .page-wrap .right-sidebar .sidebar-chat .chat-list .list-group [class*="user-"]:after { position: absolute; top: calc(50% + 15px); left: 0; -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); } .wrapper .page-wrap .chat-panel { position: fixed; top: calc(100vh); right: calc( 240px + 15px); width: 310px; z-index: 9999; -moz-transform: translateY(-100%) translateX(14.0625rem); -o-transform: translateY(-100%) translateX(14.0625rem); -ms-transform: translateY(-100%) translateX(14.0625rem); -webkit-transform: translateY(-100%) translateX(14.0625rem); transform: translateY(-100%) translateX(14.0625rem); } .wrapper .page-wrap .chat-panel .card { border: none; margin-bottom: 1.42857em; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -webkit-box-shadow: 0 4px 8px 3px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 4px 8px 3px rgba(0, 0, 0, 0.2); box-shadow: 0 4px 8px 3px rgba(0, 0, 0, 0.2); } .wrapper .page-wrap .chat-panel .card .card-header { background: none; padding: 1.07143em 1.42857em; font-size: 1.14286em; border-bottom: 1px solid rgba(153, 153, 153, 0.2); } .wrapper .page-wrap .chat-panel .card .card-body { padding: 1.07143em; } .wrapper .page-wrap .chat-panel .card .card-body .messages { position: relative; max-height: 21.42857em; overflow-y: scroll; margin-top: -1.07143em; margin-right: -1.07143em; margin-left: -1.07143em; padding-top: 1.07143em; padding-right: 1.07143em; padding-left: 1.07143em; } .wrapper .page-wrap .chat-panel .card .card-body .messages .message { margin: 0.71429em 0; } .wrapper .page-wrap .chat-panel .card .card-body .messages .message:first-child { margin-top: 0; } .wrapper .page-wrap .chat-panel .card .card-body .messages .message figure { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; margin: 0; position: relative; order: 2; } .wrapper .page-wrap .chat-panel .card .card-body .messages .message figure img { width: 30px; height: 30px; } .wrapper .page-wrap .chat-panel .card .card-body .messages .message .message-body { margin-top: .5em; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; margin: auto 1.5em; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .wrapper .page-wrap .chat-panel .card .card-body .messages .message .message-body p { background: #404E67; border: 1px solid #404E67; border-radius: 3px; padding: .5em 1em; color: #fff; margin-bottom: .5em; position: relative; } .wrapper .page-wrap .chat-panel .card .card-body .messages .message .message-body p:first-child:after, .wrapper .page-wrap .chat-panel .card .card-body .messages .message .message-body p:first-child:before { content: ""; height: 0; width: 0; display: block; position: absolute; top: 1.25rem; right: -7px; left: auto; border-style: solid; border-width: 6px 0 7px 6px; border-color: transparent transparent transparent #404E67; -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); } .wrapper .page-wrap .chat-panel .card .card-body .messages .message .message-body p:first-child:before { right: -7px; border-left-color: #404E67; } .wrapper .page-wrap .chat-panel .card .card-body .messages .message.reply figure { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .wrapper .page-wrap .chat-panel .card .card-body .messages .message.reply .message-body { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .wrapper .page-wrap .chat-panel .card .card-body .messages .message.reply .message-body p { background: #fff; border: 1px solid #eef1f2; border-radius: 0; border-top-right-radius: 3px; border-bottom-right-radius: 3px; border-radius: 3px; color: #666; } .wrapper .page-wrap .chat-panel .card .card-body .messages .message.reply .message-body p:first-child:after, .wrapper .page-wrap .chat-panel .card .card-body .messages .message.reply .message-body p:first-child:before { content: ""; height: 0; width: 0; display: block; position: absolute; right: auto; left: -7px; border-style: solid; border-width: 6px 7px 6px 0; border-color: transparent #fff transparent transparent; -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); } .wrapper .page-wrap .chat-panel .card .card-body .messages .message.reply .message-body p:first-child:before { left: -9px; border-right-color: #eef1f2; } .wrapper .page-wrap .chat-panel .card .card-body .messages .message.reply .message-body p:first-child:after { content: ""; height: 0; width: 0; display: block; position: absolute; right: auto; left: -7px; border-style: solid; border-width: 6px 7px 6px 0; border-color: transparent #fff transparent transparent; -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); } .wrapper .page-wrap .chat-panel .card .card-footer { background: none; padding: 1.07143em 1.42857em; border-top: 1px solid rgba(153, 153, 153, 0.2); } .wrapper .page-wrap .chat-panel .card .card-footer .list-icon { font-size: 1.125rem; } .wrapper .page-wrap .chat-panel .card .card-footer textarea { box-shadow: none; resize: none; padding: 0; width: 100%; min-height: auto; padding: 5px 0; } .wrapper.nav-collapsed .header-top { padding-left: 60px; } .wrapper.nav-collapsed .page-wrap .app-sidebar { width: 60px; } .wrapper.nav-collapsed .page-wrap .app-sidebar .sidebar-header .header-brand .text { display: none; } .wrapper.nav-collapsed .page-wrap .app-sidebar .sidebar-content .nav-container .navigation-main .nav-lavel { display: none; } .wrapper.nav-collapsed .page-wrap .app-sidebar .sidebar-content .nav-container .navigation-main .nav-item a span { display: none; } .wrapper.nav-collapsed .page-wrap .app-sidebar .sidebar-content .nav-container .navigation-main .nav-item a::before { display: none; } .wrapper.nav-collapsed .page-wrap .app-sidebar:hover { width: 240px; } .wrapper.nav-collapsed .page-wrap .app-sidebar:hover .header-brand .text { display: inline-block; } .wrapper.nav-collapsed .page-wrap .app-sidebar:hover .sidebar-content .nav-container .navigation-main .nav-lavel { display: block; } .wrapper.nav-collapsed .page-wrap .app-sidebar:hover .sidebar-content .nav-container .navigation-main .nav-item a span { display: inline-block; } .wrapper.nav-collapsed .page-wrap .app-sidebar:hover .sidebar-content .nav-container .navigation-main .nav-item a::before { display: inline-block; } .wrapper.nav-collapsed .page-wrap .main-content { padding-left: 75px; } .wrapper.nav-collapsed .page-wrap .footer { padding-left: 90px; } .wrapper.menu-collapsed .page-wrap .app-sidebar .sidebar-header .nav-toggle { display: none; } .wrapper.right-sidebar-expand .right-sidebar { -moz-transform: translateX(0); -o-transform: translateX(0); -ms-transform: translateX(0); -webkit-transform: translateX(0); transform: translateX(0); } .wrapper.right-sidebar-expand .chat-panel { -moz-transform: translateY(-100%) translateX(0); -o-transform: translateY(-100%) translateX(0); -ms-transform: translateY(-100%) translateX(0); -webkit-transform: translateY(-100%) translateX(0); transform: translateY(-100%) translateX(0); } hr { box-sizing: content-box; height: 0; margin-top: 1rem; border: 0; border-top: 1px solid rgba(0, 0, 0, 0.1); } .profiletimeline { position: relative; padding-left: 40px; margin: 40px 10px 0 30px; border-left: 1px solid rgba(0, 0, 0, 0.1); } .profiletimeline .sl-item { margin-top: 8px; margin-bottom: 30px; } .profiletimeline .sl-item .sl-left { float: left; margin-left: -60px; z-index: 1; margin-right: 15px; } .profiletimeline .sl-item .sl-left img { max-width: 40px; } .profiletimeline .sl-item .sl-right .sl-date { font-size: 12px; color: #afb5c1; } .dd-handle { background: #f7f7f7; border-radius: 3px; padding: 20px; position: relative; display: block; text-decoration: none; margin: 5px 0; overflow: hidden; } .dd-handle p { margin: 0; } .dd-handle:after, .dd-handle::after { content: ''; width: 5px; height: 100%; position: absolute; top: 0; left: 0; } .dd-list { margin: 0; padding: 0; list-style: none; } .dd-list .dd-placeholder, .dd-list .dd-empty { margin: 5px 0; padding: 0; min-height: 30px; background: #f2fbff; border: 1px dashed #b6bcbf; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; } .dd-list .dd-list { padding-left: 30px; } .dd-dragel { position: absolute; pointer-events: none; z-index: 9999; } .dd-dragel .dd-handle { -webkit-box-shadow: 2px 4px 6px 0 rgba(0, 0, 0, 0.1); -ms-box-shadow: 2px 4px 6px 0 rgba(0, 0, 0, 0.1); box-shadow: 2px 4px 6px 0 rgba(0, 0, 0, 0.1); } .todo-task .dd-handle:after, .todo-task .dd-handle::after { background-color: #f5365c; } .progress-task .dd-handle:after, .progress-task .dd-handle::after { background-color: #F7CA18; } .completed-task .dd-handle:after, .completed-task .dd-handle::after { background-color: #26C281; } [class*="user--"]::after { height: 0.64286em; width: 0.64286em; display: block; position: absolute; top: 0; right: 10%; border-radius: 100px; content: ""; -webkit-box-shadow: 0 0 0 2px #fff; box-shadow: 0 0 0 2px #fff; } .user--online:after { background: #06d6a0; } .user--busy:after { background: #ff3333; } .user--offline:after { background: #bbb; } /*# sourceMappingURL=theme.css.map */
| ver. 1.4 |
Github
|
.
| PHP 8.1.34 | Генерация страницы: 0.01 |
proxy
|
phpinfo
|
Настройка