/* Minification failed. Returning unminified contents. (28,17): run-time error CSS1039: Token not allowed after unary operator: '-success-500' (48,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-fusion-500' (51,17): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary-500' (81,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary-700' (93,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-fusion-500' (97,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-fusion-500' (100,17): run-time error CSS1039: Token not allowed after unary operator: '-theme-fusion-500' (104,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-fusion-500' (108,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-fusion-500' (115,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary-700' (118,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-fusion-500' (122,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-fusion-50' (200,17): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary-100' (202,33): run-time error CSS1039: Token not allowed after unary operator: '-theme-rgb-primary' (204,29): run-time error CSS1039: Token not allowed after unary operator: '-theme-rgb-primary' (207,17): run-time error CSS1039: Token not allowed after unary operator: '-theme-success-100' (209,33): run-time error CSS1039: Token not allowed after unary operator: '-theme-rgb-success' (211,29): run-time error CSS1039: Token not allowed after unary operator: '-theme-rgb-success' (214,17): run-time error CSS1039: Token not allowed after unary operator: '-theme-danger-100' (216,33): run-time error CSS1039: Token not allowed after unary operator: '-theme-rgb-danger' (218,29): run-time error CSS1039: Token not allowed after unary operator: '-theme-rgb-danger' (221,17): run-time error CSS1039: Token not allowed after unary operator: '-theme-warning-100' (223,33): run-time error CSS1039: Token not allowed after unary operator: '-theme-rgb-warning' (225,29): run-time error CSS1039: Token not allowed after unary operator: '-theme-rgb-warning' (228,17): run-time error CSS1039: Token not allowed after unary operator: '-theme-info-100' (230,33): run-time error CSS1039: Token not allowed after unary operator: '-theme-rgb-info' (232,29): run-time error CSS1039: Token not allowed after unary operator: '-theme-rgb-info' (235,17): run-time error CSS1039: Token not allowed after unary operator: '-theme-white' (237,33): run-time error CSS1039: Token not allowed after unary operator: '-theme-rgb-fusion' (239,29): run-time error CSS1039: Token not allowed after unary operator: '-theme-rgb-fusion' (285,29): run-time error CSS1039: Token not allowed after unary operator: '-theme-rgb-primary' (297,27): run-time error CSS1039: Token not allowed after unary operator: '-theme-rgb-success' (305,17): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary-200' (307,17): run-time error CSS1039: Token not allowed after unary operator: '-theme-success-300' (309,17): run-time error CSS1039: Token not allowed after unary operator: '-theme-danger-300' (311,17): run-time error CSS1039: Token not allowed after unary operator: '-theme-warning-300' (313,17): run-time error CSS1039: Token not allowed after unary operator: '-theme-info-300' (324,17): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary-300' (328,17): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary-200' (338,27): run-time error CSS1039: Token not allowed after unary operator: '-theme-rgb-fusion' (340,51): run-time error CSS1039: Token not allowed after unary operator: '-theme-rgb-info' (340,85): run-time error CSS1039: Token not allowed after unary operator: '-theme-rgb-primary' (343,33): run-time error CSS1039: Token not allowed after unary operator: '-theme-rgb-warning' (351,33): run-time error CSS1039: Token not allowed after unary operator: '-theme-rgb-primary' (355,33): run-time error CSS1039: Token not allowed after unary operator: '-theme-rgb-primary' (359,33): run-time error CSS1039: Token not allowed after unary operator: '-theme-rgb-primary' (363,33): run-time error CSS1039: Token not allowed after unary operator: '-theme-rgb-primary' (367,33): run-time error CSS1039: Token not allowed after unary operator: '-theme-rgb-primary' (370,33): run-time error CSS1039: Token not allowed after unary operator: '-theme-rgb-primary' (373,33): run-time error CSS1039: Token not allowed after unary operator: '-theme-rgb-primary' (376,33): run-time error CSS1039: Token not allowed after unary operator: '-theme-rgb-primary' (379,33): run-time error CSS1039: Token not allowed after unary operator: '-theme-rgb-primary' (381,33): run-time error CSS1039: Token not allowed after unary operator: '-theme-rgb-primary' (384,33): run-time error CSS1039: Token not allowed after unary operator: '-theme-rgb-success' (388,33): run-time error CSS1039: Token not allowed after unary operator: '-theme-rgb-success' (392,33): run-time error CSS1039: Token not allowed after unary operator: '-theme-rgb-success' (396,33): run-time error CSS1039: Token not allowed after unary operator: '-theme-rgb-success' (400,33): run-time error CSS1039: Token not allowed after unary operator: '-theme-rgb-success' (403,33): run-time error CSS1039: Token not allowed after unary operator: '-theme-rgb-success' (406,33): run-time error CSS1039: Token not allowed after unary operator: '-theme-rgb-success' (409,33): run-time error CSS1039: Token not allowed after unary operator: '-theme-rgb-success' (412,33): run-time error CSS1039: Token not allowed after unary operator: '-theme-rgb-success' (415,33): run-time error CSS1039: Token not allowed after unary operator: '-theme-rgb-success' (418,33): run-time error CSS1039: Token not allowed after unary operator: '-theme-rgb-danger' (422,33): run-time error CSS1039: Token not allowed after unary operator: '-theme-rgb-danger' (426,33): run-time error CSS1039: Token not allowed after unary operator: '-theme-rgb-danger' (430,33): run-time error CSS1039: Token not allowed after unary operator: '-theme-rgb-danger' (434,33): run-time error CSS1039: Token not allowed after unary operator: '-theme-rgb-danger' (438,33): run-time error CSS1039: Token not allowed after unary operator: '-theme-rgb-danger' (441,33): run-time error CSS1039: Token not allowed after unary operator: '-theme-rgb-danger' (444,33): run-time error CSS1039: Token not allowed after unary operator: '-theme-rgb-danger' (447,33): run-time error CSS1039: Token not allowed after unary operator: '-theme-rgb-danger' (450,33): run-time error CSS1039: Token not allowed after unary operator: '-theme-rgb-danger' (453,33): run-time error CSS1039: Token not allowed after unary operator: '-theme-rgb-warning' (457,33): run-time error CSS1039: Token not allowed after unary operator: '-theme-rgb-warning' (461,33): run-time error CSS1039: Token not allowed after unary operator: '-theme-rgb-warning' (465,33): run-time error CSS1039: Token not allowed after unary operator: '-theme-rgb-warning' (469,33): run-time error CSS1039: Token not allowed after unary operator: '-theme-rgb-warning' (473,33): run-time error CSS1039: Token not allowed after unary operator: '-theme-rgb-warning' (476,33): run-time error CSS1039: Token not allowed after unary operator: '-theme-rgb-warning' (479,33): run-time error CSS1039: Token not allowed after unary operator: '-theme-rgb-warning' (482,33): run-time error CSS1039: Token not allowed after unary operator: '-theme-rgb-warning' (485,33): run-time error CSS1039: Token not allowed after unary operator: '-theme-rgb-warning' (488,33): run-time error CSS1039: Token not allowed after unary operator: '-theme-rgb-info' (492,33): run-time error CSS1039: Token not allowed after unary operator: '-theme-rgb-info' (496,33): run-time error CSS1039: Token not allowed after unary operator: '-theme-rgb-info' (500,33): run-time error CSS1039: Token not allowed after unary operator: '-theme-rgb-info' (504,33): run-time error CSS1039: Token not allowed after unary operator: '-theme-rgb-info' (507,33): run-time error CSS1039: Token not allowed after unary operator: '-theme-rgb-info' (510,33): run-time error CSS1039: Token not allowed after unary operator: '-theme-rgb-info' (513,33): run-time error CSS1039: Token not allowed after unary operator: '-theme-rgb-info' (516,33): run-time error CSS1039: Token not allowed after unary operator: '-theme-rgb-info' (520,33): run-time error CSS1039: Token not allowed after unary operator: '-theme-rgb-info' (545,33): run-time error CSS1039: Token not allowed after unary operator: '-theme-rgb-danger' (548,33): run-time error CSS1039: Token not allowed after unary operator: '-theme-rgb-info' (582,35): run-time error CSS1039: Token not allowed after unary operator: '-theme-rgb-primary' (636,31): run-time error CSS1039: Token not allowed after unary operator: '-theme-rgb-primary' (648,33): run-time error CSS1039: Token not allowed after unary operator: '-theme-rgb-primary' (652,33): run-time error CSS1039: Token not allowed after unary operator: '-theme-rgb-primary' (654,29): run-time error CSS1039: Token not allowed after unary operator: '-theme-rgb-primary' (662,33): run-time error CSS1039: Token not allowed after unary operator: '-theme-rgb-primary' (684,27): run-time error CSS1039: Token not allowed after unary operator: '-theme-rgb-info' (687,27): run-time error CSS1039: Token not allowed after unary operator: '-theme-rgb-warning' (695,36): run-time error CSS1039: Token not allowed after unary operator: '-theme-rgb-fusion' (749,17): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary-200' (773,19): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary-300' (775,19): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary-100' (778,17): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary-50' (821,35): run-time error CSS1039: Token not allowed after unary operator: '-theme-rgb-primary' (836,27): run-time error CSS1039: Token not allowed after unary operator: '-theme-rgb-primary' (884,28): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary-500' (895,27): run-time error CSS1039: Token not allowed after unary operator: '-theme-rgb-fusion' (906,27): run-time error CSS1039: Token not allowed after unary operator: '-theme-rgb-success' (909,28): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary' (912,24): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary-900' (929,33): run-time error CSS1039: Token not allowed after unary operator: '-theme-rgb-primary' (932,33): run-time error CSS1039: Token not allowed after unary operator: '-theme-rgb-primary' (933,86): run-time error CSS1039: Token not allowed after unary operator: '-theme-rgb-primary' (933,128): run-time error CSS1039: Token not allowed after unary operator: '-theme-rgb-primary' (934,57): run-time error CSS1039: Token not allowed after unary operator: '-theme-rgb-primary' (934,95): run-time error CSS1039: Token not allowed after unary operator: '-theme-rgb-primary' (979,33): run-time error CSS1039: Token not allowed after unary operator: '-theme-rgb-primary' (982,33): run-time error CSS1039: Token not allowed after unary operator: '-theme-rgb-primary' (1006,33): run-time error CSS1039: Token not allowed after unary operator: '-theme-rgb-primary' (1123,22): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary-800' (1238,28): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary-900' (1249,28): run-time error CSS1039: Token not allowed after unary operator: '-theme-light' (1253,28): run-time error CSS1039: Token not allowed after unary operator: '-theme-dark' (1292,17): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary-400' (1298,17): run-time error CSS1039: Token not allowed after unary operator: '-theme-fusion-500' (1406,28): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary-600' (1452,24): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary-300' (1453,28): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary-400' (1513,24): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary-800' (1514,28): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary-500' (1586,17): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary-900' (1590,28): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary-400' (1591,24): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary-400' (1595,28): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary-800' (1596,24): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary-800' (2521,28): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary-200' (2896,46): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary-400' (2897,38): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary-400' (2899,17): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary-900' (2936,28): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary-800' (2940,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2979,31): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary-700' (2983,28): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary-700' (3007,17): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary-800' (3126,32): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary-50' (3130,17): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary-700' (3164,21): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary-200' (3175,25): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary-300' (3243,47): run-time error CSS1039: Token not allowed after unary operator: '-bs-gray-500' (3491,17): run-time error CSS1039: Token not allowed after unary operator: '-theme-info-600' (3517,17): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary-500' (3576,17): run-time error CSS1039: Token not allowed after unary operator: '-theme-info-500' (3603,21): run-time error CSS1039: Token not allowed after unary operator: '-theme-info-500' (3616,17): run-time error CSS1039: Token not allowed after unary operator: '-theme-info-500' (3634,17): run-time error CSS1039: Token not allowed after unary operator: '-theme-info-500' (3734,17): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary-800' (3738,21): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary-800' (4071,17): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary-200' (4204,32): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary-800' (4219,28): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary-800' (4290,28): run-time error CSS1039: Token not allowed after unary operator: '-bs-gray-200' (4996,29): run-time error CSS1039: Token not allowed after unary operator: '-theme-rgb-primary' (4997,27): run-time error CSS1039: Token not allowed after unary operator: '-theme-rgb-primary' (4998,17): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary-500' (5002,17): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary-100' (5099,36): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary-600' (5101,25): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary-100' (5177,22): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary-50' (5180,17): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary-700' (5245,28): run-time error CSS1039: Token not allowed after unary operator: '-bs-dark' (5249,32): run-time error CSS1039: Token not allowed after unary operator: '-bs-dark' (5253,32): run-time error CSS1039: Token not allowed after unary operator: '-bs-dark' (5261,28): run-time error CSS1039: Token not allowed after unary operator: '-bs-gray-800' (5285,28): run-time error CSS1039: Token not allowed after unary operator: '-bs-gray-800' (5317,28): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary-600' (5329,28): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary-600' */ #skin-default, #skin-light, #skin-dark { position: relative; } #skin-default:hover, #skin-light:hover, #skin-dark:hover { opacity: 0.8; cursor: pointer; } #skin-default:before, #skin-light:before, #skin-dark:before { font-family: 'Font Awesome 5 Pro'; content: "\f058"; font-size: 3rem; position: absolute; display: none; width: 100%; height: 100%; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding-left: 0.75rem; padding-top: 0.25rem; color: var(--success-500); } body:not(.mod-skin-light):not(.mod-skin-dark) #skin-default:before { display: -webkit-box; display: -ms-flexbox; display: flex; } /* #LIGHT MODE ========================================================================== */ .mod-skin-light:not(.mod-skin-dark) #skin-light:before { display: -webkit-box; display: -ms-flexbox; display: flex; } .mod-skin-light:not(.mod-skin-dark) .page-content-wrapper { background-color: #f9f9f9; } .mod-skin-light:not(.mod-skin-dark) .nav-filter input[type="text"] { background: #ffffff; color: #333333; color: var(--theme-fusion-500); } .mod-skin-light:not(.mod-skin-dark) .nav-filter input[type="text"]:focus { border-color: #333333; color: var(--theme-primary-500); } .mod-skin-light:not(.mod-skin-dark) .page-sidebar { -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.07); box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.07); } .mod-skin-light:not(.mod-skin-dark).mod-nav-link:not(.nav-function-top):not(.nav-function-minify):not(.mod-hide-nav-icons) ul.nav-menu:not(.nav-menu-compact) > li > ul:before { border-left: 1px dashed #cecece; } .mod-skin-light:not(.mod-skin-dark):not(.mod-nav-dark) .info-card { color: #333333; } .mod-skin-light:not(.mod-skin-dark):not(.mod-nav-dark) .info-card .text-white { color: #333333 !important; text-shadow: none; } .mod-skin-light:not(.mod-skin-dark):not(.mod-nav-dark) .info-card img.cover { -webkit-filter: grayscale(100%); filter: grayscale(100%); opacity: 0.25; } .mod-skin-light:not(.mod-skin-dark):not(.mod-nav-dark) .info-card .info-card-text > span { color: #333333; text-shadow: none; } .mod-skin-light:not(.mod-skin-dark):not(.mod-nav-dark).nav-function-top .page-sidebar .primary-nav .nav-menu > li ul { background: #ffffff; } .mod-skin-light:not(.mod-skin-dark):not(.mod-nav-dark).nav-function-top .page-sidebar .primary-nav .nav-menu > li > ul:before { color: #ffffff; } .mod-skin-light:not(.mod-skin-dark):not(.mod-nav-dark).nav-function-top .page-sidebar .primary-nav .nav-menu > li a { color: rgba(0, 0, 0, 0.8); color: var(--theme-primary-700); } .mod-skin-light:not(.mod-skin-dark):not(.mod-nav-dark) .page-logo, .mod-skin-light:not(.mod-skin-dark):not(.mod-nav-dark) .page-sidebar, .mod-skin-light:not(.mod-skin-dark):not(.mod-nav-dark) .nav-footer { background-image: none; } .mod-skin-light:not(.mod-skin-dark):not(.mod-nav-dark) .page-logo, .mod-skin-light:not(.mod-skin-dark):not(.mod-nav-dark) .page-header { border-bottom: 1px solid #eaeaea; -webkit-box-shadow: none; box-shadow: none; } .mod-skin-light:not(.mod-skin-dark):not(.mod-nav-dark) .nav-menu li > ul li.active > a { color: rgba(0, 0, 0, 0.8); color: var(--theme-fusion-500); } .mod-skin-light:not(.mod-skin-dark):not(.mod-nav-dark) .nav-menu li a { color: rgba(0, 0, 0, 0.8); color: var(--theme-fusion-500); } .mod-skin-light:not(.mod-skin-dark):not(.mod-nav-dark) .nav-menu li a:focus { color: rgba(0, 0, 0, 0.8); color: var(--theme-fusion-500); } .mod-skin-light:not(.mod-skin-dark):not(.mod-nav-dark).nav-function-top .page-sidebar .primary-nav .nav-menu > li a { color: rgba(0, 0, 0, 0.8); color: var(--theme-fusion-500); } .mod-skin-light:not(.mod-skin-dark):not(.mod-nav-dark) .nav-menu li.active > a { color: rgba(0, 0, 0, 0.8); color: var(--theme-fusion-500); font-weight: 500; } .mod-skin-light:not(.mod-skin-dark):not(.mod-nav-dark) .nav-menu li > ul { background-color: rgba(0, 0, 0, 0.03); } .mod-skin-light:not(.mod-skin-dark):not(.mod-nav-dark) .nav-menu li a > [class*='fa-'], .mod-skin-light:not(.mod-skin-dark):not(.mod-nav-dark) .nav-menu li a > .ni { color: var(--theme-primary-700); } .mod-skin-light:not(.mod-skin-dark):not(.mod-nav-dark) .nav-menu li > ul li a:hover { color: var(--theme-fusion-500); } .mod-skin-light:not(.mod-skin-dark):not(.mod-nav-dark) .nav-menu .nav-title { color: rgba(0, 0, 0, 0.6); color: var(--theme-fusion-50); } .mod-skin-light:not(.mod-skin-dark):not(.mod-nav-dark) .page-logo-text { color: #333333; } .mod-skin-light:not(.mod-skin-dark):not(.mod-nav-dark) .page-logo, .mod-skin-light:not(.mod-skin-dark):not(.mod-nav-dark) .page-sidebar, .mod-skin-light:not(.mod-skin-dark):not(.mod-nav-dark) .nav-footer { background: #ffffff; } .mod-skin-light:not(.mod-skin-dark):not(.mod-nav-dark) .page-wrapper.alt, .mod-skin-light:not(.mod-skin-dark):not(.mod-nav-dark) .page-wrapper.auth, .mod-skin-light:not(.mod-skin-dark):not(.mod-nav-dark) .page-wrapper.auth .page-inner, .mod-skin-light:not(.mod-skin-dark):not(.mod-nav-dark) .page-wrapper.alt .page-inner, .mod-skin-light:not(.mod-skin-dark):not(.mod-nav-dark) .page-wrapper.auth .page-content-wrapper > div, .mod-skin-light:not(.mod-skin-dark):not(.mod-nav-dark) .page-wrapper.alt .page-content-wrapper > div { background: #ffffff; } .mod-skin-light:not(.mod-skin-dark):not(.mod-nav-dark) .page-wrapper.alt .text-white, .mod-skin-light:not(.mod-skin-dark):not(.mod-nav-dark) .page-wrapper.auth .text-white, .mod-skin-light:not(.mod-skin-dark):not(.mod-nav-dark) .page-wrapper.auth .page-inner .text-white, .mod-skin-light:not(.mod-skin-dark):not(.mod-nav-dark) .page-wrapper.alt .page-inner .text-white, .mod-skin-light:not(.mod-skin-dark):not(.mod-nav-dark) .page-wrapper.auth .page-content-wrapper > div .text-white, .mod-skin-light:not(.mod-skin-dark):not(.mod-nav-dark) .page-wrapper.alt .page-content-wrapper > div .text-white { color: #000 !important; } @media (min-width: 992px) { .mod-skin-light.nav-function-minify:not(.nav-function-top):not(.mod-nav-dark) .page-sidebar .primary-nav:hover .nav-menu > li:hover > a { background: inherit !important; color: inherit !important; } .mod-skin-light.nav-function-minify:not(.nav-function-top) .page-sidebar .primary-nav .nav-menu > li > a + ul { background-color: #ffffff !important; } .mod-skin-light.nav-function-minify:not(.nav-function-top) .page-sidebar .primary-nav .nav-menu > li > a + ul:before { color: #ffffff !important; } .mod-skin-light.nav-function-minify:not(.nav-function-top) .page-sidebar .primary-nav .nav-menu > li > a > .nav-link-text { color: inherit !important; } .mod-skin-light.nav-function-top:not(.mod-nav-dark) .page-header { background: #ffffff; } .mod-skin-light.nav-function-top:not(.mod-nav-dark) .page-header .badge.badge-icon { -webkit-box-shadow: 0 0 0 1px #ffffff; box-shadow: 0 0 0 1px #ffffff; } .mod-skin-light.nav-function-top:not(.mod-nav-dark) .page-header .header-icon:not(.btn) > [class*='fa-']:first-child:hover, .mod-skin-light.nav-function-top:not(.mod-nav-dark) .page-header .header-icon:not(.btn) > .ni:first-child:hover { color: #333333 !important; } .mod-skin-light.nav-function-top:not(.mod-nav-dark) #search-field { color: #333333; } } /* #DARK MODE ========================================================================== */ .mod-skin-dark:not(.mod-skin-light) { background-color: #303133; color: #a5abb1; /* accordion */ /* modal */ /*//pagination .page-link { color: #ffffff; background-color: #37393e; &:hover { } }*/ /* placeholder */ /*! Color themes for Google Code Prettify | MIT License | github.com/jmblog/color-themes-for-google-code-prettify */ } .mod-skin-dark:not(.mod-skin-light) #skin-dark:before { display: -webkit-box; display: -ms-flexbox; display: flex; } .mod-skin-dark:not(.mod-skin-light) .accordion .card .card-header .card-title { color: rgba(255, 255, 255, 0.85); } .mod-skin-dark:not(.mod-skin-light) .accordion.accordion-clean .card { background-color: transparent; } .mod-skin-dark:not(.mod-skin-light) .accordion.accordion-clean .card-header { background: transparent; } .mod-skin-dark:not(.mod-skin-light) .alert-primary, .mod-skin-dark:not(.mod-skin-light) .alert-sucess, .mod-skin-dark:not(.mod-skin-light) .alert-danger .alert-warning, .mod-skin-dark:not(.mod-skin-light) .alert-info .alert-secondary { background-color: rgba(255, 255, 255, 0.06); border-color: rgba(255, 255, 255, 0.09); color: #ffffff; } .mod-skin-dark:not(.mod-skin-light) .alert-primary { color: #ffffff; color: var(--theme-primary-100); background-color: rgba(136, 106, 181, 0.2); background-color: rgba(var(--theme-rgb-primary), 0.2); border-color: rgba(136, 106, 181, 0.6); border-color: rgba(var(--theme-rgb-primary), 0.6); } .mod-skin-dark:not(.mod-skin-light) .alert-success { color: #ffffff; color: var(--theme-success-100); background-color: rgba(29, 201, 183, 0.2); background-color: rgba(var(--theme-rgb-success), 0.2); border-color: rgba(29, 201, 183, 0.6); border-color: rgba(var(--theme-rgb-success), 0.6); } .mod-skin-dark:not(.mod-skin-light) .alert-danger { color: #ffffff; color: var(--theme-danger-100); background-color: rgba(253, 57, 149, 0.2); background-color: rgba(var(--theme-rgb-danger), 0.2); border-color: rgba(253, 57, 149, 0.6); border-color: rgba(var(--theme-rgb-danger), 0.6); } .mod-skin-dark:not(.mod-skin-light) .alert-warning { color: #ffffff; color: var(--theme-warning-100); background-color: rgba(255, 194, 65, 0.2); background-color: rgba(var(--theme-rgb-warning), 0.2); border-color: rgba(255, 194, 65, 0.6); border-color: rgba(var(--theme-rgb-warning), 0.6); } .mod-skin-dark:not(.mod-skin-light) .alert-info { color: #ffffff; color: var(--theme-info-100); background-color: rgba(33, 150, 243, 0.2); background-color: rgba(var(--theme-rgb-info), 0.2); border-color: rgba(33, 150, 243, 0.6); border-color: rgba(var(--theme-rgb-info), 0.6); } .mod-skin-dark:not(.mod-skin-light) .alert-secondary { color: #ffffff; color: var(--theme-white); background-color: rgba(80, 80, 80, 0.2); background-color: rgba(var(--theme-rgb-fusion), 0.2); border-color: rgba(80, 80, 80, 0.6); border-color: rgba(var(--theme-rgb-fusion), 0.6); } .mod-skin-dark:not(.mod-skin-light) .page-wrapper.alt, .mod-skin-dark:not(.mod-skin-light) .page-wrapper.auth, .mod-skin-dark:not(.mod-skin-light) .page-wrapper.auth .page-inner, .mod-skin-dark:not(.mod-skin-light) .page-wrapper.alt .page-inner, .mod-skin-dark:not(.mod-skin-light) .page-wrapper.auth .page-content-wrapper > div, .mod-skin-dark:not(.mod-skin-light) .page-wrapper.alt .page-content-wrapper > div { background: #37393e; } .mod-skin-dark:not(.mod-skin-light) .border:not(.border-primary):not(.tab-content):not(.border-secondary):not(.border-success):not(.border-danger):not(.border-warning):not(.border-info):not(.border-light):not(.border-dark):not(.border-white) { border-color: rgba(0, 0, 0, 0.15) !important; } .mod-skin-dark:not(.mod-skin-light) .border-top { border-top: 1px solid rgba(0, 0, 0, 0.15) !important; } .mod-skin-dark:not(.mod-skin-light) .border-right { border-right: 1px solid rgba(0, 0, 0, 0.15) !important; } .mod-skin-dark:not(.mod-skin-light) .border-bottom { border-bottom: 1px solid rgba(0, 0, 0, 0.15) !important; } .mod-skin-dark:not(.mod-skin-light) .border-left { border-left: 1px solid rgba(0, 0, 0, 0.15) !important; } .mod-skin-dark:not(.mod-skin-light) .border-faded { border-color: rgba(0, 0, 0, 0.15) !important; } .mod-skin-dark:not(.mod-skin-light) .breadcrumb:not(.breadcrumb-arrow):not(.page-breadcrumb):not([class*="bg-"]) { background: #242528; } .mod-skin-dark:not(.mod-skin-light) .breadcrumb-arrow li a { color: #ffffff !important; } .mod-skin-dark:not(.mod-skin-light) .btn.btn-panel.bg-transparent { color: #ffffff; } .mod-skin-dark:not(.mod-skin-light) .btn-light { -webkit-box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.1); border-color: rgba(0, 0, 0, 0.35); } .mod-skin-dark:not(.mod-skin-light) .btn-outline-dark { color: #989898; border-color: #000000; } .mod-skin-dark:not(.mod-skin-light) .btn-outline-default { background-color: #37393e; color: #c5c5c5; border-color: #1d1f23; } .mod-skin-dark:not(.mod-skin-light) .btn-default { background: #5e646b; color: #cccccc; border-color: transparent; } .mod-skin-dark:not(.mod-skin-light) .btn-default:hover { border-color: transparent; color: #ffffff; } .mod-skin-dark:not(.mod-skin-light) .btn-default:focus { border-color: #a5abb1 !important; } .mod-skin-dark:not(.mod-skin-light) .btn-default.active { background: rgba(var(--theme-rgb-primary), 0.85); color: #ffffff; } .mod-skin-dark:not(.mod-skin-light) .btn-icon:not([class*="-primary"]):not([class*="-secondary"]):not([class*="-default"]):not([class*="-success"]):not([class*="-info"]):not([class*="-warning"]):not([class*="-danger"]):not([class*="-dark"]):not([class*="-light"]):not(.nav-item):not(.active):not(:active):not(:hover) { color: #a5abb1 !important; } .mod-skin-dark:not(.mod-skin-light) .btn-icon:not([class*="-primary"]):not([class*="-secondary"]):not([class*="-default"]):not([class*="-success"]):not([class*="-info"]):not([class*="-warning"]):not([class*="-danger"]):not([class*="-dark"]):not([class*="-light"]):not(.nav-item):hover { color: #c0c5c9 !important; background: rgba(255, 255, 255, 0.1); } .mod-skin-dark:not(.mod-skin-light) .chat-segment-get .chat-message { background: rgba(0, 0, 0, 0.3); color: rgba(255, 255, 255, 0.8); } .mod-skin-dark:not(.mod-skin-light) .chat-segment-sent .chat-message { background: rgba(29, 201, 183, 0.35); background: rgba(var(--theme-rgb-success), 0.35); } .mod-skin-dark:not(.mod-skin-light) .msgr-list + .msgr:before { background: rgba(0, 0, 0, 0.5); } .mod-skin-dark:not(.mod-skin-light) .time-stamp { color: #bdbdbd; } .mod-skin-dark:not(.mod-skin-light) .page-content-wrapper a:not(.btn):not(.badge):not(.dropdown-item):not(.nav-link):not(.navbar-brand):not(.card-title):not([class*="fc-"]):not([class*="text-"]):not(.btn-search-close), .mod-skin-dark:not(.mod-skin-light) .modal-body a:not(.btn):not(.badge):not(.dropdown-item):not(.nav-link):not(.page-link):not(.navbar-brand):not(.card-title) { color: #ffffff; color: var(--theme-primary-200); } .mod-skin-dark:not(.mod-skin-light) .text-success { color: var(--theme-success-300) !important; } .mod-skin-dark:not(.mod-skin-light) .text-danger { color: var(--theme-danger-300) !important; } .mod-skin-dark:not(.mod-skin-light) .text-warning { color: var(--theme-warning-300) !important; } .mod-skin-dark:not(.mod-skin-light) .text-info { color: var(--theme-info-300) !important; } .mod-skin-dark:not(.mod-skin-light) .text-dark { color: rgba(255, 255, 255, 0.75) !important; } .mod-skin-dark:not(.mod-skin-light) .text-muted { color: rgba(255, 255, 255, 0.8) !important; } .mod-skin-dark:not(.mod-skin-light) .text-contrast { color: #ffffff; } .mod-skin-dark:not(.mod-skin-light) .text-secondary { color: rgba(255, 255, 255, 0.9) !important; } .mod-skin-dark:not(.mod-skin-light) .text-primary { color: #ffffff; color: var(--theme-primary-300) !important; } .mod-skin-dark:not(.mod-skin-light) a.text-primary:hover, .mod-skin-dark:not(.mod-skin-light) a.text-primary:focus { color: #ffffff; color: var(--theme-primary-200) !important; } .mod-skin-dark:not(.mod-skin-light) .bg-faded { background-color: #3c3f48; color: #a5abb1; } .mod-skin-dark:not(.mod-skin-light) .bg-gray-50 { background-color: #47484c; } .mod-skin-dark:not(.mod-skin-light) .bg-light { background-color: #565656 !important; } .mod-skin-dark:not(.mod-skin-light) .bg-subtlelight-fade { background: #2d2f32; background: rgba(var(--theme-rgb-fusion), 0.2); } .mod-skin-dark:not(.mod-skin-light) .bg-trans-gradient { background: linear-gradient(250deg, rgba(var(--theme-rgb-info), 0.5), rgba(var(--theme-rgb-primary), 0.5)); } .mod-skin-dark:not(.mod-skin-light) .bg-highlight { background-color: rgba(255, 194, 65, 0.15); background-color: rgba(var(--theme-rgb-warning), 0.15); } .mod-skin-dark:not(.mod-skin-light) .bg-white:not([class*='popover']) { background-color: #383b44 !important; color: #ffffff; } .mod-skin-dark:not(.mod-skin-light) .bg-white:not([class*='popover']).popover { color: inherit; } .mod-skin-dark:not(.mod-skin-light) .bg-primary-50:not([class*='popover']) { background-color: rgba(136, 106, 181, 0.1); background-color: rgba(var(--theme-rgb-primary), 0.1); color: #ffffff; } .mod-skin-dark:not(.mod-skin-light) .bg-primary-100:not([class*='popover']) { background-color: rgba(136, 106, 181, 0.2); background-color: rgba(var(--theme-rgb-primary), 0.2); color: #ffffff; } .mod-skin-dark:not(.mod-skin-light) .bg-primary-200:not([class*='popover']) { background-color: rgba(136, 106, 181, 0.3); background-color: rgba(var(--theme-rgb-primary), 0.3); color: #ffffff; } .mod-skin-dark:not(.mod-skin-light) .bg-primary-300:not([class*='popover']) { background-color: rgba(136, 106, 181, 0.4); background-color: rgba(var(--theme-rgb-primary), 0.4); color: #ffffff; } .mod-skin-dark:not(.mod-skin-light) .bg-primary-400:not([class*='popover']) { background-color: rgba(136, 106, 181, 0.5); background-color: rgba(var(--theme-rgb-primary), 0.5); } .mod-skin-dark:not(.mod-skin-light) .bg-primary-500:not([class*='popover']) { background-color: rgba(136, 106, 181, 0.6); background-color: rgba(var(--theme-rgb-primary), 0.6); } .mod-skin-dark:not(.mod-skin-light) .bg-primary-600:not([class*='popover']) { background-color: rgba(136, 106, 181, 0.7); background-color: rgba(var(--theme-rgb-primary), 0.7); } .mod-skin-dark:not(.mod-skin-light) .bg-primary-700:not([class*='popover']) { background-color: rgba(136, 106, 181, 0.8); background-color: rgba(var(--theme-rgb-primary), 0.8); } .mod-skin-dark:not(.mod-skin-light) .bg-primary-800:not([class*='popover']) { background-color: rgba(136, 106, 181, 0.9); background-color: rgba(var(--theme-rgb-primary), 0.9); } .mod-skin-dark:not(.mod-skin-light) .bg-primary-900:not([class*='popover']) { background-color: rgba(var(--theme-rgb-primary), 1); } .mod-skin-dark:not(.mod-skin-light) .bg-success-50:not([class*='popover']) { background-color: rgba(29, 201, 183, 0.1); background-color: rgba(var(--theme-rgb-success), 0.1); color: #ffffff; } .mod-skin-dark:not(.mod-skin-light) .bg-success-100:not([class*='popover']) { background-color: rgba(29, 201, 183, 0.2); background-color: rgba(var(--theme-rgb-success), 0.2); color: #ffffff; } .mod-skin-dark:not(.mod-skin-light) .bg-success-200:not([class*='popover']) { background-color: rgba(29, 201, 183, 0.3); background-color: rgba(var(--theme-rgb-success), 0.3); color: #ffffff; } .mod-skin-dark:not(.mod-skin-light) .bg-success-300:not([class*='popover']) { background-color: rgba(29, 201, 183, 0.4); background-color: rgba(var(--theme-rgb-success), 0.4); color: #ffffff; } .mod-skin-dark:not(.mod-skin-light) .bg-success-400:not([class*='popover']) { background-color: rgba(29, 201, 183, 0.5); background-color: rgba(var(--theme-rgb-success), 0.5); } .mod-skin-dark:not(.mod-skin-light) .bg-success-500:not([class*='popover']) { background-color: rgba(29, 201, 183, 0.6); background-color: rgba(var(--theme-rgb-success), 0.6); } .mod-skin-dark:not(.mod-skin-light) .bg-success-600:not([class*='popover']) { background-color: rgba(29, 201, 183, 0.7); background-color: rgba(var(--theme-rgb-success), 0.7); } .mod-skin-dark:not(.mod-skin-light) .bg-success-700:not([class*='popover']) { background-color: rgba(29, 201, 183, 0.8); background-color: rgba(var(--theme-rgb-success), 0.8); } .mod-skin-dark:not(.mod-skin-light) .bg-success-800:not([class*='popover']) { background-color: rgba(29, 201, 183, 0.9); background-color: rgba(var(--theme-rgb-success), 0.9); } .mod-skin-dark:not(.mod-skin-light) .bg-success-900:not([class*='popover']) { background-color: #1dc9b7; background-color: rgba(var(--theme-rgb-success), 1); } .mod-skin-dark:not(.mod-skin-light) .bg-danger-50:not([class*='popover']) { background-color: rgba(253, 57, 149, 0.1); background-color: rgba(var(--theme-rgb-danger), 0.1); color: #ffffff; } .mod-skin-dark:not(.mod-skin-light) .bg-danger-100:not([class*='popover']) { background-color: rgba(253, 57, 149, 0.2); background-color: rgba(var(--theme-rgb-danger), 0.2); color: #ffffff; } .mod-skin-dark:not(.mod-skin-light) .bg-danger-200:not([class*='popover']) { background-color: rgba(253, 57, 149, 0.3); background-color: rgba(var(--theme-rgb-danger), 0.3); color: #ffffff; } .mod-skin-dark:not(.mod-skin-light) .bg-danger-300:not([class*='popover']) { background-color: rgba(253, 57, 149, 0.4); background-color: rgba(var(--theme-rgb-danger), 0.4); color: #ffffff; } .mod-skin-dark:not(.mod-skin-light) .bg-danger-400:not([class*='popover']) { background-color: rgba(253, 57, 149, 0.5); background-color: rgba(var(--theme-rgb-danger), 0.5); color: #ffffff; } .mod-skin-dark:not(.mod-skin-light) .bg-danger-500:not([class*='popover']) { background-color: rgba(253, 57, 149, 0.6); background-color: rgba(var(--theme-rgb-danger), 0.6); } .mod-skin-dark:not(.mod-skin-light) .bg-danger-600:not([class*='popover']) { background-color: rgba(253, 57, 149, 0.7); background-color: rgba(var(--theme-rgb-danger), 0.7); } .mod-skin-dark:not(.mod-skin-light) .bg-danger-700:not([class*='popover']) { background-color: rgba(253, 57, 149, 0.8); background-color: rgba(var(--theme-rgb-danger), 0.8); } .mod-skin-dark:not(.mod-skin-light) .bg-danger-800:not([class*='popover']) { background-color: rgba(253, 57, 149, 0.9); background-color: rgba(var(--theme-rgb-danger), 0.9); } .mod-skin-dark:not(.mod-skin-light) .bg-danger-900:not([class*='popover']) { background-color: #fd3995; background-color: rgba(var(--theme-rgb-danger), 1); } .mod-skin-dark:not(.mod-skin-light) .bg-warning-50:not([class*='popover']) { background-color: rgba(255, 194, 65, 0.1); background-color: rgba(var(--theme-rgb-warning), 0.1); color: #ffffff; } .mod-skin-dark:not(.mod-skin-light) .bg-warning-100:not([class*='popover']) { background-color: rgba(255, 194, 65, 0.2); background-color: rgba(var(--theme-rgb-warning), 0.2); color: #ffffff; } .mod-skin-dark:not(.mod-skin-light) .bg-warning-200:not([class*='popover']) { background-color: rgba(255, 194, 65, 0.3); background-color: rgba(var(--theme-rgb-warning), 0.3); color: #ffffff; } .mod-skin-dark:not(.mod-skin-light) .bg-warning-300:not([class*='popover']) { background-color: rgba(255, 194, 65, 0.4); background-color: rgba(var(--theme-rgb-warning), 0.4); color: #ffffff; } .mod-skin-dark:not(.mod-skin-light) .bg-warning-400:not([class*='popover']) { background-color: rgba(255, 194, 65, 0.5); background-color: rgba(var(--theme-rgb-warning), 0.5); color: #ffffff; } .mod-skin-dark:not(.mod-skin-light) .bg-warning-500:not([class*='popover']) { background-color: rgba(255, 194, 65, 0.6); background-color: rgba(var(--theme-rgb-warning), 0.6); } .mod-skin-dark:not(.mod-skin-light) .bg-warning-600:not([class*='popover']) { background-color: rgba(255, 194, 65, 0.7); background-color: rgba(var(--theme-rgb-warning), 0.7); } .mod-skin-dark:not(.mod-skin-light) .bg-warning-700:not([class*='popover']) { background-color: rgba(255, 194, 65, 0.8); background-color: rgba(var(--theme-rgb-warning), 0.8); } .mod-skin-dark:not(.mod-skin-light) .bg-warning-800:not([class*='popover']) { background-color: rgba(255, 194, 65, 0.9); background-color: rgba(var(--theme-rgb-warning), 0.9); } .mod-skin-dark:not(.mod-skin-light) .bg-warning-900:not([class*='popover']) { background-color: #ffc241; background-color: rgba(var(--theme-rgb-warning), 1); } .mod-skin-dark:not(.mod-skin-light) .bg-info-50:not([class*='popover']) { background-color: rgba(33, 150, 243, 0.1); background-color: rgba(var(--theme-rgb-info), 0.1); color: #ffffff; } .mod-skin-dark:not(.mod-skin-light) .bg-info-100:not([class*='popover']) { background-color: rgba(33, 150, 243, 0.2); background-color: rgba(var(--theme-rgb-info), 0.2); color: #ffffff; } .mod-skin-dark:not(.mod-skin-light) .bg-info-200:not([class*='popover']) { background-color: rgba(33, 150, 243, 0.3); background-color: rgba(var(--theme-rgb-info), 0.3); color: #ffffff; } .mod-skin-dark:not(.mod-skin-light) .bg-info-300:not([class*='popover']) { background-color: rgba(33, 150, 243, 0.4); background-color: rgba(var(--theme-rgb-info), 0.4); color: #ffffff; } .mod-skin-dark:not(.mod-skin-light) .bg-info-400:not([class*='popover']) { background-color: rgba(33, 150, 243, 0.5); background-color: rgba(var(--theme-rgb-info), 0.5); } .mod-skin-dark:not(.mod-skin-light) .bg-info-500:not([class*='popover']) { background-color: rgba(33, 150, 243, 0.6); background-color: rgba(var(--theme-rgb-info), 0.6); } .mod-skin-dark:not(.mod-skin-light) .bg-info-600:not([class*='popover']) { background-color: rgba(33, 150, 243, 0.7); background-color: rgba(var(--theme-rgb-info), 0.7); } .mod-skin-dark:not(.mod-skin-light) .bg-info-700:not([class*='popover']) { background-color: rgba(33, 150, 243, 0.8); background-color: rgba(var(--theme-rgb-info), 0.8); } .mod-skin-dark:not(.mod-skin-light) .bg-info-800:not([class*='popover']) { background-color: rgba(33, 150, 243, 0.9); background-color: rgba(var(--theme-rgb-info), 0.9); } .mod-skin-dark:not(.mod-skin-light) .bg-info-900:not([class*='popover']) { color: #000000; background-color: #2196f3; background-color: rgba(var(--theme-rgb-info), 1); } .mod-skin-dark:not(.mod-skin-light) [data-replaceclass] .bg-white { background: #ffffff !important; } .mod-skin-dark:not(.mod-skin-light) [data-replaceclass] .bg-faded { background-color: #f7f9fa !important; } .mod-skin-dark:not(.mod-skin-light) .hover-bg { background: #303136; color: inherit; } .mod-skin-dark:not(.mod-skin-light) .hover-bg:hover { background: inherit; color: inherit; } .mod-skin-dark:not(.mod-skin-light) .hover-white:hover { background: #313438 !important; } .mod-skin-dark:not(.mod-skin-light) .hover-white:active { background: #25272a !important; } .mod-skin-dark:not(.mod-skin-light) .hover-white .app-list-name { color: #a5abb1; } .mod-skin-dark:not(.mod-skin-light) .bd-highlight { background-color: rgba(86, 61, 124, 0.6); border: 1px solid rgba(121, 95, 160, 0.8); } .mod-skin-dark:not(.mod-skin-light) .bd-example-row .row > .col, .mod-skin-dark:not(.mod-skin-light) .bd-example-row .row > [class^=col-] { background-color: rgba(86, 61, 124, 0.75); border: 1px solid rgba(133, 106, 175, 0.5); } .mod-skin-dark:not(.mod-skin-light) .card .d-block.bg-danger-50 { background-color: rgba(253, 57, 149, 0.7); background-color: rgba(var(--theme-rgb-danger), 0.7); } .mod-skin-dark:not(.mod-skin-light) .card .d-block.bg-info-50 { background-color: rgba(33, 150, 243, 0.7); background-color: rgba(var(--theme-rgb-info), 0.7); } .mod-skin-dark:not(.mod-skin-light) .demo-window:before { background: #000000; } .mod-skin-dark:not(.mod-skin-light) .app-body-demo { border: 1px solid black; } .mod-skin-dark:not(.mod-skin-light) .frame-wrap { background: transparent; } .mod-skin-dark:not(.mod-skin-light) #app-eventlog:empty { background: #2c2e31; } .mod-skin-dark:not(.mod-skin-light) #app-eventlog > div:not(:last-child) { border-bottom: 1px dashed rgba(255, 255, 255, 0.1); } .mod-skin-dark:not(.mod-skin-light) .settings-panel h5 { color: rgba(255, 255, 255, 0.5); } .mod-skin-dark:not(.mod-skin-light) .settings-panel .list { color: #d0d0d0; } .mod-skin-dark:not(.mod-skin-light) .settings-panel .list .onoffswitch-title-desc { color: #8c8c8c; } .mod-skin-dark:not(.mod-skin-light) .settings-panel .list:hover { background: rgba(255, 255, 255, 0.03); color: #ffffff; } .mod-skin-dark:not(.mod-skin-light) .settings-panel .expanded:not(.theme-colors) { background: #2f323b; } .mod-skin-dark:not(.mod-skin-light) .dropdown-menu { -webkit-box-shadow: 0 0 15px 1px rgba(0, 0, 0, 0.25); box-shadow: 0 0 15px 1px rgba(0, 0, 0, 0.25); background-color: #383b40; color: #a3acb5; } .mod-skin-dark:not(.mod-skin-light) .dropdown-item { color: #a5abb1 !important; } .mod-skin-dark:not(.mod-skin-light) .dropdown-item:hover, .mod-skin-dark:not(.mod-skin-light) .dropdown-item:focus { background-color: #3e4146; } .mod-skin-dark:not(.mod-skin-light) .dropdown-item.active, .mod-skin-dark:not(.mod-skin-light) .dropdown-item:active { color: #ffffff !important; background-color: #594677; background-color: rgba(var(--theme-rgb-primary), 0.35); } .mod-skin-dark:not(.mod-skin-light) .dropdown-multilevel:hover > .dropdown-item:not(.disabled) { background-color: #3e4146; } .mod-skin-dark:not(.mod-skin-light) .dropdown-divider { border-top: 1px solid rgba(0, 0, 0, 0.25); } .mod-skin-dark:not(.mod-skin-light) .dropdown-icon-menu > ul { background: #202225; } .mod-skin-dark:not(.mod-skin-light) .dropdown-icon-menu a { -webkit-box-shadow: none !important; box-shadow: none !important; } .mod-skin-dark:not(.mod-skin-light) ::-webkit-input-placeholder { /* Edge */ color: #ffffff; } .mod-skin-dark:not(.mod-skin-light) :-ms-input-placeholder { /* Internet Explorer 10-11 */ color: #ffffff; } .mod-skin-dark:not(.mod-skin-light) ::-moz-placeholder { color: #ffffff; } .mod-skin-dark:not(.mod-skin-light) ::-ms-input-placeholder { color: #ffffff; } .mod-skin-dark:not(.mod-skin-light) ::placeholder { color: #ffffff; } .mod-skin-dark:not(.mod-skin-light) select option { -webkit-box-shadow: 0 0 15px 1px rgba(0, 0, 0, 0.25); box-shadow: 0 0 15px 1px rgba(0, 0, 0, 0.25); background-color: #383b40; color: #ffffff; text-shadow: 0 1px 0 rgba(0, 0, 0, 0.4); } .mod-skin-dark:not(.mod-skin-light) input::-webkit-input-placeholder, .mod-skin-dark:not(.mod-skin-light) textarea::-webkit-input-placeholder, .mod-skin-dark:not(.mod-skin-light) select::-webkit-input-placeholder { color: #a5abb1; } .mod-skin-dark:not(.mod-skin-light) input::-moz-placeholder, .mod-skin-dark:not(.mod-skin-light) textarea::-moz-placeholder, .mod-skin-dark:not(.mod-skin-light) select::-moz-placeholder { color: #a5abb1; } .mod-skin-dark:not(.mod-skin-light) input:-ms-input-placeholder, .mod-skin-dark:not(.mod-skin-light) textarea:-ms-input-placeholder, .mod-skin-dark:not(.mod-skin-light) select:-ms-input-placeholder { color: #a5abb1; } .mod-skin-dark:not(.mod-skin-light) input::-ms-input-placeholder, .mod-skin-dark:not(.mod-skin-light) textarea::-ms-input-placeholder, .mod-skin-dark:not(.mod-skin-light) select::-ms-input-placeholder { color: #a5abb1; } .mod-skin-dark:not(.mod-skin-light) input::placeholder, .mod-skin-dark:not(.mod-skin-light) textarea::placeholder, .mod-skin-dark:not(.mod-skin-light) select::placeholder { color: #a5abb1; } .mod-skin-dark:not(.mod-skin-light) .custom-select { color: #FFFFFF; background-color: #1f2125; } .mod-skin-dark:not(.mod-skin-light) .custom-select:not(:focus) { border: 1px solid #19191c; } .mod-skin-dark:not(.mod-skin-light) .form-label { color: #a5abb1; } .mod-skin-dark:not(.mod-skin-light) .form-control, .mod-skin-dark:not(.mod-skin-light) .custom-file-label { color: #ffffff; background-color: rgba(0, 0, 0, 0.15); border-color: rgba(0, 0, 0, 0.35); } .mod-skin-dark:not(.mod-skin-light) .form-control:focus, .mod-skin-dark:not(.mod-skin-light) .custom-file-label:focus { border-color: rgba(var(--theme-rgb-primary), 0.7); } .mod-skin-dark:not(.mod-skin-light) .form-control[readonly], .mod-skin-dark:not(.mod-skin-light) .form-control:disabled, .mod-skin-dark:not(.mod-skin-light) .custom-file-label[readonly], .mod-skin-dark:not(.mod-skin-light) .custom-file-label:disabled { background-color: #3f4246; border-color: rgba(132, 132, 132, 0.35); } .mod-skin-dark:not(.mod-skin-light) .input-group:not(.has-length) .input-group-text { color: #838386; background-color: #37393e; border: 1px solid #232528; } .mod-skin-dark:not(.mod-skin-light) .custom-control-label::before { background-color: rgba(136, 106, 181, 0.1); background-color: rgba(var(--theme-rgb-primary), 0.2); border-color: #37393e; } .mod-skin-dark:not(.mod-skin-light) .custom-control-input:checked ~ .custom-control-label::before { background-color: rgba(136, 106, 181, 0.8); background-color: rgba(var(--theme-rgb-primary), 0.8); border-color: #886ab5; border-color: rgba(var(--theme-rgb-primary), 1); } .mod-skin-dark:not(.mod-skin-light) .custom-control-input[disabled] ~ .custom-control-label::before, .mod-skin-dark:not(.mod-skin-light) .custom-control-input:disabled ~ .custom-control-label::before { background-color: #565656; } .mod-skin-dark:not(.mod-skin-light) .custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before, .mod-skin-dark:not(.mod-skin-light) .custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before, .mod-skin-dark:not(.mod-skin-light) .custom-switch .custom-control-input:disabled:checked ~ .custom-control-label::before { background-color: #565656; background-color: rgba(var(--theme-rgb-primary), 0.35); } .mod-skin-dark:not(.mod-skin-light) .row-grid > .col:before, .mod-skin-dark:not(.mod-skin-light) .row-grid > [class^="col-"]:before, .mod-skin-dark:not(.mod-skin-light) .row-grid > [class*=" col-"]:before, .mod-skin-dark:not(.mod-skin-light) .row-grid > [class^="col "]:before, .mod-skin-dark:not(.mod-skin-light) .row-grid > [class*=" col "]:before, .mod-skin-dark:not(.mod-skin-light) .row-grid > [class$=" col"]:before, .mod-skin-dark:not(.mod-skin-light) .row-grid > [class="col"]:before { border-top-color: rgba(0, 0, 0, 0.15); } .mod-skin-dark:not(.mod-skin-light) .row-grid > .col:after, .mod-skin-dark:not(.mod-skin-light) .row-grid > [class^="col-"]:after, .mod-skin-dark:not(.mod-skin-light) .row-grid > [class*=" col-"]:after, .mod-skin-dark:not(.mod-skin-light) .row-grid > [class^="col "]:after, .mod-skin-dark:not(.mod-skin-light) .row-grid > [class*=" col "]:after, .mod-skin-dark:not(.mod-skin-light) .row-grid > [class$=" col"]:after, .mod-skin-dark:not(.mod-skin-light) .row-grid > [class="col"]:after { border-left-color: rgba(0, 0, 0, 0.15); } .mod-skin-dark:not(.mod-skin-light) .close { color: #fff; text-shadow: 0 1px 0 #000; } .mod-skin-dark:not(.mod-skin-light) .state-selected { background: rgba(33, 150, 243, 0.15) !important; background: rgba(var(--theme-rgb-info), 0.15) !important; } .mod-skin-dark:not(.mod-skin-light) .notes { background: rgba(255, 194, 65, 0.15); background: rgba(var(--theme-rgb-warning), 0.15); } .mod-skin-dark:not(.mod-skin-light) pre { color: #ffffff; } .mod-skin-dark:not(.mod-skin-light) .status:before { border-color: rgba(0, 0, 0, 0.5); } .mod-skin-dark:not(.mod-skin-light) .progress { background-color: rgba(0, 0, 0, 0.15); } .mod-skin-dark:not(.mod-skin-light) hr { border-bottom-color: rgba(var(--theme-rgb-fusion), 0.85); } .mod-skin-dark:not(.mod-skin-light) code { background: rgba(0, 0, 0, 0.3); color: #ffffff; } .mod-skin-dark:not(.mod-skin-light) .list-group-item { background: transparent; } .mod-skin-dark:not(.mod-skin-light) .jumbotron { background-color: rgba(0, 0, 0, 0.2); } .mod-skin-dark:not(.mod-skin-light).mod-nav-link:not(.nav-function-top):not(.nav-function-minify):not(.mod-hide-nav-icons) ul.nav-menu:not(.nav-menu-compact) > li > ul:before { border-left: 1px dashed rgba(255, 255, 255, 0.1); } .mod-skin-dark:not(.mod-skin-light) :not(.modal-alert) .modal-dialog:not(.modal-transparent) .modal-content { -webkit-box-shadow: 0 0 15px 1px rgba(0, 0, 0, 0.25); box-shadow: 0 0 15px 1px rgba(0, 0, 0, 0.25); background-color: #383b40; color: #a3acb5; } .mod-skin-dark:not(.mod-skin-light) .swal2-popup { -webkit-box-shadow: 0 0 15px 1px rgba(0, 0, 0, 0.25); box-shadow: 0 0 15px 1px rgba(0, 0, 0, 0.25); background-color: #383b40; color: #a3acb5; } .mod-skin-dark:not(.mod-skin-light) .swal2-title { color: #ffffff; } .mod-skin-dark:not(.mod-skin-light) .modal-transparent .modal-content { background: rgba(0, 0, 0, 0.75); -webkit-box-shadow: none; box-shadow: none; } .mod-skin-dark:not(.mod-skin-light) .modal-title { color: #a5abb1; } .mod-skin-dark:not(.mod-skin-light) .nav-filter input[type="text"] { background: #2d2e32; color: #ffffff; } .mod-skin-dark:not(.mod-skin-light) .nav-filter input[type="text"]:focus { border-color: rgba(255, 255, 255, 0.5); color: #ffffff; } .mod-skin-dark:not(.mod-skin-light) .nav-filter input[type="text"]:not(:focus) { border-color: rgba(255, 255, 255, 0.1); } .mod-skin-dark:not(.mod-skin-light) .info-card { color: #a5abb1; /*img.cover { opacity: 0.6; }*/ } .mod-skin-dark:not(.mod-skin-light) .info-card .text-white { text-shadow: none; } .mod-skin-dark:not(.mod-skin-light) .info-card .info-card-text > span { color: #fafafa; text-shadow: none; } .mod-skin-dark:not(.mod-skin-light).nav-function-top .page-sidebar .primary-nav .nav-menu > li ul { background: #212225; } .mod-skin-dark:not(.mod-skin-light).nav-function-top .page-logo { border-bottom: 1px solid #2d2d2d; } .mod-skin-dark:not(.mod-skin-light).nav-function-top .page-sidebar .primary-nav .nav-menu > li > ul:before { color: #212225; } .mod-skin-dark:not(.mod-skin-light).nav-function-top .page-sidebar .primary-nav .nav-menu > li a { color: rgba(255, 255, 255, 0.8); color: var(--theme-primary-200); } .mod-skin-dark:not(.mod-skin-light) .nav-menu li > ul li.active > a { color: rgba(255, 255, 255, 0.8); color: #ffffff; } .mod-skin-dark:not(.mod-skin-light) .nav-menu li a { color: rgba(255, 255, 255, 0.8); color: #a5abb1; } .mod-skin-dark:not(.mod-skin-light) .nav-menu li a:focus { color: rgba(255, 255, 255, 0.8); color: #a5abb1; } .mod-skin-dark:not(.mod-skin-light).nav-function-top .page-sidebar .primary-nav .nav-menu > li a { color: rgba(255, 255, 255, 0.8); color: #a5abb1; } .mod-skin-dark:not(.mod-skin-light) .nav-menu li { /* > ul { background-color: rgba(255, 255, 255, 0.03); }*/ } .mod-skin-dark:not(.mod-skin-light) .nav-menu li.active > a { color: rgba(255, 255, 255, 0.8); color: #ffffff; font-weight: 500; background-color: rgba(0, 0, 0, 0.1); } .mod-skin-dark:not(.mod-skin-light) .nav-menu li a > [class*='fa-'], .mod-skin-dark:not(.mod-skin-light) .nav-menu li a > .ni { color: var(--theme-primary-300); } .mod-skin-dark:not(.mod-skin-light) .nav-menu li > ul li a:hover { color: var(--theme-primary-100); } .mod-skin-dark:not(.mod-skin-light) .nav-menu .nav-title { color: rgba(255, 255, 255, 0.6); color: var(--theme-primary-50); } .mod-skin-dark:not(.mod-skin-light) .navbar-light .navbar-brand { color: rgba(255, 255, 255, 0.9); } .mod-skin-dark:not(.mod-skin-light) .navbar-light .navbar-nav .show > .nav-link, .mod-skin-dark:not(.mod-skin-light) .navbar-light .navbar-nav .active > .nav-link { color: rgba(255, 255, 255, 0.9); } .mod-skin-dark:not(.mod-skin-light) .navbar-light .navbar-nav .nav-link { color: rgba(255, 255, 255, 0.5); } .mod-skin-dark:not(.mod-skin-light) .navbar-light .navbar-nav .nav-link.show, .mod-skin-dark:not(.mod-skin-light) .navbar-light .navbar-nav .nav-link.active { color: rgba(255, 255, 255, 0.9); } .mod-skin-dark:not(.mod-skin-light) .navbar-light .navbar-nav .nav-link:hover, .mod-skin-dark:not(.mod-skin-light) .navbar-light .navbar-nav .nav-link:focus { color: rgba(255, 255, 255, 0.7); } .mod-skin-dark:not(.mod-skin-light) .navbar-light .navbar-text { color: rgba(255, 255, 255, 0.5); } .mod-skin-dark:not(.mod-skin-light) .nav-tabs .nav-item .nav-link.active:not(:hover), .mod-skin-dark:not(.mod-skin-light) .nav-tabs-clean .nav-item .nav-link:hover { background: transparent; color: #ffffff !important; } .mod-skin-dark:not(.mod-skin-light) .nav-tabs .nav-link.active, .mod-skin-dark:not(.mod-skin-light) .nav-tabs .nav-item.show .nav-link { background: transparent; } .mod-skin-dark:not(.mod-skin-light) .nav-tabs:not(.nav-tabs-clean) .nav-link.active, .mod-skin-dark:not(.mod-skin-light) .nav-tabs:not(.nav-tabs-clean) .nav-item.show .nav-link { border-color: rgba(255, 255, 255, 0.15) rgba(255, 255, 255, 0.15) #25272b; } .mod-skin-dark:not(.mod-skin-light) .modal .modal-dialog .modal-content .modal-body .nav-tabs:not(.nav-tabs-clean) .nav-link.active, .mod-skin-dark:not(.mod-skin-light) .modal .modal-dialog .modal-content .modal-body .nav-tabs:not(.nav-tabs-clean) .nav-item.show .nav-link { border-color: rgba(255, 255, 255, 0.15) rgba(255, 255, 255, 0.15) #383b40; } .mod-skin-dark:not(.mod-skin-light) .card .nav-tabs:not(.nav-tabs-clean) .nav-link.active, .mod-skin-dark:not(.mod-skin-light) .card .nav-tabs:not(.nav-tabs-clean) .nav-item.show .nav-link { border-color: rgba(255, 255, 255, 0.15) rgba(255, 255, 255, 0.15) #37393e; } .mod-skin-dark:not(.mod-skin-light) .nav-tabs { border-bottom-color: rgba(255, 255, 255, 0.15); } .mod-skin-dark:not(.mod-skin-light) .nav-tabs .nav-link:not(.active):hover, .mod-skin-dark:not(.mod-skin-light) .nav-tabs .nav-link:not(.active):focus { border-color: rgba(255, 255, 255, 0.07) rgba(255, 255, 255, 0.07) transparent; } .mod-skin-dark:not(.mod-skin-light) .tab-content.border { border-color: rgba(255, 255, 255, 0.15) !important; } .mod-skin-dark:not(.mod-skin-light) .notification .msg-a, .mod-skin-dark:not(.mod-skin-light) .notification .msg-b, .mod-skin-dark:not(.mod-skin-light) .notification .name { color: #a5abb1 !important; } .mod-skin-dark:not(.mod-skin-light) .notification li { background-color: #37393e; } .mod-skin-dark:not(.mod-skin-light) .notification li.unread > :first-child { background-color: rgba(var(--theme-rgb-primary), 0.15); } .mod-skin-dark:not(.mod-skin-light) .notification.notification-layout-2 li, .mod-skin-dark:not(.mod-skin-light) .notification.notification-layout-2 li.unread { background: #37393e; } .mod-skin-dark:not(.mod-skin-light) body, .mod-skin-dark:not(.mod-skin-light) .page-content { color: #a5abb1; } .mod-skin-dark:not(.mod-skin-light) .header-icon:not(.btn) > [class*='fa-']:first-child, .mod-skin-dark:not(.mod-skin-light) .header-icon:not(.btn) > .ni:first-child { color: #888888; } .mod-skin-dark:not(.mod-skin-light) .header-icon:not(.btn) > [class*='fa-']:first-child:hover, .mod-skin-dark:not(.mod-skin-light) .header-icon:not(.btn) > .ni:first-child:hover { color: #a2a2a2; } .mod-skin-dark:not(.mod-skin-light) .header-icon:not(.btn)[data-toggle="dropdown"][data-toggle="dropdown"]:after { background: rgba(0, 0, 0, 0.75); background: rgba(var(--theme-rgb-primary), 0.75); } .mod-skin-dark:not(.mod-skin-light) .header-icon:not(.btn)[data-toggle="dropdown"][aria-expanded="true"] > [class*='fa-']:first-child, .mod-skin-dark:not(.mod-skin-light) .header-icon:not(.btn)[data-toggle="dropdown"][aria-expanded="true"] > .ni:first-child { color: #ffffff !important; } .mod-skin-dark:not(.mod-skin-light) .badge.badge-icon { -webkit-box-shadow: 0 0 0 1px #212225; box-shadow: 0 0 0 1px #212225; } .mod-skin-dark:not(.mod-skin-light) .page-logo, .mod-skin-dark:not(.mod-skin-light) .page-sidebar, .mod-skin-dark:not(.mod-skin-light) .nav-footer { background-image: none; } .mod-skin-dark:not(.mod-skin-light) .page-logo { border-bottom: 1px solid #131313; } .mod-skin-dark:not(.mod-skin-light) .page-header, .mod-skin-dark:not(.mod-skin-light) .page-footer { border-bottom: 1px solid #2d2d2d; -webkit-box-shadow: none; box-shadow: none; } .mod-skin-dark:not(.mod-skin-light) .page-header, .mod-skin-dark:not(.mod-skin-light) .page-content-wrapper, .mod-skin-dark:not(.mod-skin-light) .page-footer { background-color: #37393e; } .mod-skin-dark:not(.mod-skin-light) .page-footer { border-top: 1px solid #2d2d2d; border-bottom: none; } .mod-skin-dark:not(.mod-skin-light) .page-logo-text { color: #ffffff; } .mod-skin-dark:not(.mod-skin-light) .page-logo, .mod-skin-dark:not(.mod-skin-light) .page-sidebar, .mod-skin-dark:not(.mod-skin-light) .nav-footer { background: #212225; } .mod-skin-dark:not(.mod-skin-light) .page-sidebar { -webkit-box-shadow: none; box-shadow: none; } .mod-skin-dark:not(.mod-skin-light) .page-breadcrumb .breadcrumb-item.active { color: #bfbfbf; } .mod-skin-dark:not(.mod-skin-light) .page-breadcrumb { text-shadow: #000000 0 1px; } .mod-skin-dark:not(.mod-skin-light) .page-error { color: #ffffff !important; } .mod-skin-dark:not(.mod-skin-light) .page-error small { color: #c1c1c1; } .mod-skin-dark:not(.mod-skin-light) .subheader-title { color: #a5abb1; text-shadow: #505050 0 1px; } .mod-skin-dark:not(.mod-skin-light) .subheader-title small { color: #8a9299; } .mod-skin-dark:not(.mod-skin-light) .progress-bar { background-color: var(--theme-primary-500); } .mod-skin-dark:not(.mod-skin-light) .panel .card { background-color: #37383e; } .mod-skin-dark:not(.mod-skin-light) .panel, .mod-skin-dark:not(.mod-skin-light) .card { background-color: #26272b; } .mod-skin-dark:not(.mod-skin-light) .panel { border-bottom-color: rgba(0, 0, 0, 0.3); } .mod-skin-dark:not(.mod-skin-light) .panel-hdr, .mod-skin-dark:not(.mod-skin-light) .card-header { background: rgba(0, 0, 0, 0.03); background: rgba(var(--theme-rgb-fusion), 0.5); } .mod-skin-dark:not(.mod-skin-light) .panel-hdr h2, .mod-skin-dark:not(.mod-skin-light) .card-header h2 { color: #ffffff; } .mod-skin-dark:not(.mod-skin-light) .panel-toolbar .btn-panel { border: 1px solid #333; } .mod-skin-dark:not(.mod-skin-light) .panel-hdr, .mod-skin-dark:not(.mod-skin-light) .accordion:not(.accordion-clean) .card .card-header { background: #303136; } .mod-skin-dark:not(.mod-skin-light) .panel-tag { background: rgba(29, 201, 183, 0.15); background: rgba(var(--theme-rgb-success), 0.15); color: #ffffff; } .mod-skin-dark:not(.mod-skin-light) .panel-placeholder { background-color: var(--theme-primary); opacity: 0.2; } .mod-skin-dark:not(.mod-skin-light) .panel-placeholder:before { background: var(--theme-primary-900); } .mod-skin-dark:not(.mod-skin-light) .table, .mod-skin-dark:not(.mod-skin-light) .table-bordered th, .mod-skin-dark:not(.mod-skin-light) .table-bordered td, .mod-skin-dark:not(.mod-skin-light) .table thead th, .mod-skin-dark:not(.mod-skin-light) .table th, .mod-skin-dark:not(.mod-skin-light) .table td { border-color: rgba(255, 255, 255, 0.25); } .mod-skin-dark:not(.mod-skin-light) .table { color: #c0c5c9; } .mod-skin-dark:not(.mod-skin-light) .table.table-dark { color: #ffffff; background-color: #202225; } /*.mod-skin-dark:not(.mod-skin-light) .table.table-striped tbody tr:nth-of-type(odd) { background-color: rgba(0, 0, 0, 0.15); }*/ .mod-skin-dark:not(.mod-skin-light) .table-hover tbody tr:hover { background-color: rgba(136, 106, 181, 0.15) !important; background-color: rgba(var(--theme-rgb-primary), 0.15) !important; color: inherit; } .mod-skin-dark:not(.mod-skin-light) .thead-themed { background-color: rgba(var(--theme-rgb-primary), 0.1); background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--theme-rgb-primary), 0.15)), to(rgba(var(--theme-rgb-primary), 0.55))); background-image: linear-gradient(to top, rgba(var(--theme-rgb-primary), 0.15), rgba(var(--theme-rgb-primary), 0.55)); } .mod-skin-dark:not(.mod-skin-light) .table-active, .mod-skin-dark:not(.mod-skin-light) .table-active > th, .mod-skin-dark:not(.mod-skin-light) .table-active > td { background-color: transparent; } .mod-skin-dark:not(.mod-skin-light) .toast:not([class*="toast-"]) { background-color: rgba(31, 31, 31, 0.85); } .mod-skin-dark:not(.mod-skin-light) .toast:not([class*="toast-"]) .toast-header { color: #ffffff; background-color: rgba(35, 35, 35, 0.85); } .mod-skin-dark:not(.mod-skin-light) .bs-tooltip-top .arrow::before, .mod-skin-dark:not(.mod-skin-light) .bs-tooltip-auto[x-placement^="top"] .arrow::before { border-top-color: rgba(0, 0, 0, 0.9); } .mod-skin-dark:not(.mod-skin-light) .bs-tooltip-right .arrow::before, .mod-skin-dark:not(.mod-skin-light) .bs-tooltip-auto[x-placement^="right"] .arrow::before { border-right-color: rgba(0, 0, 0, 0.9); } .mod-skin-dark:not(.mod-skin-light) .bs-tooltip-left .arrow::before, .mod-skin-dark:not(.mod-skin-light) .bs-tooltip-auto[x-placement^="left"] .arrow::before { border-left-color: rgba(0, 0, 0, 0.9); } .mod-skin-dark:not(.mod-skin-light) .bs-tooltip-bottom .arrow::before, .mod-skin-dark:not(.mod-skin-light) .bs-tooltip-auto[x-placement^="bottom"] .arrow::before { border-bottom-color: rgba(0, 0, 0, 0.9); } .mod-skin-dark:not(.mod-skin-light) .tooltip-inner { background-color: rgba(0, 0, 0, 0.9); } .mod-skin-dark:not(.mod-skin-light) .popover:not([class*="bg-"]) { border: 3px solid rgba(255, 255, 255, 0.4); } .mod-skin-dark:not(.mod-skin-light) .fc-head-container thead tr { background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #35393e), to(#565a61)); background-image: linear-gradient(to top, #35393e 0, #565a61 100%); } .mod-skin-dark:not(.mod-skin-light) .dt-autofill-list { background-color: #383b40; } .mod-skin-dark:not(.mod-skin-light) div.dt-autofill-list ul li:hover { background-color: #2c2e32; } .mod-skin-dark:not(.mod-skin-light) table.DTFC_Cloned tr { background: transparent; } .mod-skin-dark:not(.mod-skin-light) div.DTFC_LeftHeadWrapper table, .mod-skin-dark:not(.mod-skin-light) table.dataTable.table-striped.DTFC_Cloned tbody, .mod-skin-dark:not(.mod-skin-light) div.DTFC_RightHeadWrapper table { background: #25272b; } .mod-skin-dark:not(.mod-skin-light) table.dataTable > tbody > tr.child ul.dtr-details > li { border-bottom: 1px solid #373a40; } .mod-skin-dark:not(.mod-skin-light) .sorting_asc, .mod-skin-dark:not(.mod-skin-light) .sorting_desc, .mod-skin-dark:not(.mod-skin-light) .even .sorting_1 { background-color: rgba(136, 106, 181, 0.1); background-color: rgba(var(--theme-rgb-primary), 0.1); } .mod-skin-dark:not(.mod-skin-light) .odd .sorting_1 { background-color: rgba(136, 106, 181, 0.2); background-color: rgba(var(--theme-rgb-primary), 0.2); } .mod-skin-dark:not(.mod-skin-light) .dataTables_filter:not(.has-length) .input-group-text { color: #a7a7a7; background-color: #474950; border-color: #262627; } .mod-skin-dark:not(.mod-skin-light) table.dataTable:not(.table-dark) tr.dtrg-group td { background: rgba(0, 0, 0, 0.13); } .mod-skin-dark:not(.mod-skin-light) div.DTS div.dataTables_scrollBody table { background-color: #3a3c45; } .mod-skin-dark:not(.mod-skin-light) .jqvmap-zoomin, .mod-skin-dark:not(.mod-skin-light) .jqvmap-zoomout { background-image: -webkit-gradient(linear, left bottom, left top, from(#2f323b), to(#2a2d35)); background-image: linear-gradient(to top, #2f323b, #2a2d35); color: #c3c3c3; } .mod-skin-dark:not(.mod-skin-light) .jqvmap-bg-ocean { background-color: #374344 !important; } .mod-skin-dark:not(.mod-skin-light) .irs-line { background: #3c3e44; border-color: #28292d; } .mod-skin-dark:not(.mod-skin-light) .fc a { color: #ffffff !important; } .mod-skin-dark:not(.mod-skin-light) .dropzone, .mod-skin-dark:not(.mod-skin-light) .fc td.fc-other-month { background-color: rgba(136, 106, 181, 0.15); background-color: rgba(var(--theme-rgb-primary), 0.15); } .mod-skin-dark:not(.mod-skin-light) .daterangepicker, .mod-skin-dark:not(.mod-skin-light) .daterangepicker .calendar-table { background: #383b40; } .mod-skin-dark:not(.mod-skin-light) .daterangepicker td.off, .mod-skin-dark:not(.mod-skin-light) .daterangepicker td.off.in-range, .mod-skin-dark:not(.mod-skin-light) .daterangepicker td.off.start-date, .mod-skin-dark:not(.mod-skin-light) .daterangepicker td.off.end-date { background: transparent; } .mod-skin-dark:not(.mod-skin-light) .daterangepicker .calendar-table { border-color: #383b40; } .mod-skin-dark:not(.mod-skin-light) .datepicker-dropdown.datepicker-orient-top:after { border-top-color: #383b40; } .mod-skin-dark:not(.mod-skin-light) .datepicker-dropdown:after { border-bottom-color: #383b40; } .mod-skin-dark:not(.mod-skin-light) .note-toolbar .note-btn { background: #25272b; } .mod-skin-dark:not(.mod-skin-light) .note-toolbar .note-btn:hover, .mod-skin-dark:not(.mod-skin-light) .note-toolbar .note-btn:focus, .mod-skin-dark:not(.mod-skin-light) .note-toolbar .note-btn:active { background: #3d4046; color: #ffffff; } .mod-skin-dark:not(.mod-skin-light) .note-editor.note-frame .note-editing-area .note-editable, .mod-skin-dark:not(.mod-skin-light) .note-editor.note-airframe .note-editing-area .note-editable { background-color: rgba(0, 0, 0, 0.15); color: #fff; } .mod-skin-dark:not(.mod-skin-light) .note-editor.note-frame .note-statusbar, .mod-skin-dark:not(.mod-skin-light) .note-editor.note-airframe .note-statusbar { border-top: 1px solid #25272b; background-color: #434548; } .mod-skin-dark:not(.mod-skin-light) .prettyprint { background: #22221b; font-family: Menlo,Bitstream Vera Sans Mono,DejaVu Sans Mono,Monaco,Consolas,monospace; border: 0 !important; } .mod-skin-dark:not(.mod-skin-light) .pln { color: #f4f3ec; } .mod-skin-dark:not(.mod-skin-light) ol.linenums { margin-top: 0; margin-bottom: 0; color: #6c6b5a; } .mod-skin-dark:not(.mod-skin-light) li.L0, .mod-skin-dark:not(.mod-skin-light) li.L1, .mod-skin-dark:not(.mod-skin-light) li.L2, .mod-skin-dark:not(.mod-skin-light) li.L3, .mod-skin-dark:not(.mod-skin-light) li.L4, .mod-skin-dark:not(.mod-skin-light) li.L5, .mod-skin-dark:not(.mod-skin-light) li.L6, .mod-skin-dark:not(.mod-skin-light) li.L7, .mod-skin-dark:not(.mod-skin-light) li.L8, .mod-skin-dark:not(.mod-skin-light) li.L9 { padding-left: 1em; background-color: #22221b; list-style-type: decimal; } @media screen { .mod-skin-dark:not(.mod-skin-light) .str { color: #7d9726; } .mod-skin-dark:not(.mod-skin-light) .kwd { color: #5f9182; } .mod-skin-dark:not(.mod-skin-light) .com { color: #6c6b5a; } .mod-skin-dark:not(.mod-skin-light) .typ { color: #36a166; } .mod-skin-dark:not(.mod-skin-light) .lit { color: #ae7313; } .mod-skin-dark:not(.mod-skin-light) .pun { color: #f4f3ec; } .mod-skin-dark:not(.mod-skin-light) .opn { color: #f4f3ec; } .mod-skin-dark:not(.mod-skin-light) .clo { color: #f4f3ec; } .mod-skin-dark:not(.mod-skin-light) .tag { color: #ba6236; } .mod-skin-dark:not(.mod-skin-light) .atn { color: #ae7313; } .mod-skin-dark:not(.mod-skin-light) .atv { color: #5b9d48; } .mod-skin-dark:not(.mod-skin-light) .dec { color: #ae7313; } .mod-skin-dark:not(.mod-skin-light) .var { color: #ba6236; } .mod-skin-dark:not(.mod-skin-light) .fun { color: #36a166; } } .mod-skin-dark:not(.mod-skin-light) .select2-container--default .select2-selection--single, .mod-skin-dark:not(.mod-skin-light) .select2-container--default.select2-container--disabled .select2-selection--single, .mod-skin-dark:not(.mod-skin-light) .select2-container--default .select2-selection--multiple, .mod-skin-dark:not(.mod-skin-light) .select2-container--default.select2-container--disabled .select2-selection--multiple, .mod-skin-dark:not(.mod-skin-light) .select2-container--default .select2-search--dropdown .select2-search__field { color: #ffffff; background-color: rgba(0, 0, 0, 0.15); border-color: rgba(0, 0, 0, 0.35); } .mod-skin-dark:not(.mod-skin-light) .select2-container--default .select2-selection--single .select2-selection__rendered { color: #ffffff; } .mod-skin-dark:not(.mod-skin-light) .select2-container--default.select2-container--open.select2-container--below .select2-selection--single, .mod-skin-dark:not(.mod-skin-light) .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple, .mod-skin-dark:not(.mod-skin-light) .select2-container--default.select2-container--open.select2-container--above .select2-selection--single, .mod-skin-dark:not(.mod-skin-light) .select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple, .mod-skin-dark:not(.mod-skin-light) .select2-container--open .select2-dropdown--above, .mod-skin-dark:not(.mod-skin-light) .select2-container--open .select2-dropdown--below { background: #383b40; } .mod-skin-dark:not(.mod-skin-light) .select2-container--disabled .select2-selection.select2-selection--single, .mod-skin-dark:not(.mod-skin-light) .select2-container--disabled .select2-selection.select2-selection--multiple { background-color: #3f4246; border-color: rgba(132, 132, 132, 0.35); } @media (min-width: 992px) { .mod-skin-dark.nav-function-minify:not(.nav-function-top):not(.mod-nav-dark) .page-sidebar .primary-nav:hover .nav-menu > li:hover > a { background: inherit !important; color: #d0d0d0 !important; } .mod-skin-dark.nav-function-minify:not(.nav-function-top) .page-sidebar .primary-nav .nav-menu > li > a + ul { background-color: #212225 !important; } .mod-skin-dark.nav-function-minify:not(.nav-function-top) .page-sidebar .primary-nav .nav-menu > li > a + ul:before { color: #212225 !important; } .mod-skin-dark.nav-function-minify:not(.nav-function-top) .page-sidebar .primary-nav .nav-menu > li > a > .nav-link-text { color: inherit !important; } .mod-skin-dark.nav-function-top .page-header { background: #212225; } .mod-skin-dark.nav-function-top .page-header .header-icon:not(.btn) > [class*='fa-']:first-child:hover, .mod-skin-dark.nav-function-top .page-header .header-icon:not(.btn) > .ni:first-child:hover { color: #ffffff !important; } .mod-skin-dark.nav-function-top #search-field { color: #ffffff; } .mod-skin-dark .subheader-title { color: #ffffff !important; } } /*# sourceMappingURL=skin-master.css.map */ /* Begin Pace Fixes */ body:not(.mod-pace-custom) .pace .pace-progress { background: var(--theme-primary-800); } /* End Pace Fixes */ /*Begin Header Fixes*/ .subheader:not(:empty) { margin-bottom: .5rem; } .page-breadcrumb { margin-bottom: .5rem; } /*End Header Fixes*/ /* Begin Wrapper Fixes */ /*.page-wrapper { overflow: hidden; }*/ /* End Wrapper Fixes */ /* Begin Dropdown Fixes */ .header-icon:not(.btn)[data-bs-toggle=dropdown][aria-expanded=true]:after { top: 50%; transform: translateY(-50%); } .header-icon:not(.btn)[data-bs-toggle=dropdown] + .dropdown-menu { right: 2rem !important; } .show + .dropdown-menu-animated { -webkit-transform: scale(1) !important; transform: scale(1) !important; -webkit-transform-origin: 29px -50px; transform-origin: 29px -50px; opacity: 1; visibility: visible; } /* End Dropdown Fixes */ /* Begin HR Fixes */ hr { border-bottom: 1px solid #eee; opacity: 1; } /* End HR Fixes */ /* Begin Nav Fixes */ /*.nav-function-top .page-sidebar .primary-nav .nav-menu { justify-content: center; }*/ @media (min-width: 992px) { .nav-function-hidden:not(.nav-function-top) .page-sidebar:after { left: 0; } } /* End Nav Fixes */ /* Begin Search Mobile Fixes */ @media only screen and (max-width: 576px) { .mobile-search-on:not(.mobile-nav-on) .search { margin-right: 0; } .mobile-search-on:not(.mobile-nav-on) .search .app-forms { display: flex !important; } } .btn-search-close { margin-left: 10px; position: relative !important; right: auto !important; } /* End Search Mobile Fixes */ /* Begin Aside Fixes */ .page-sidebar .page-logo .page-logo-link { max-width: 100%; } .page-logo img { height: 31px !important; width: auto !important; max-height: 100%; max-width: 100%; /*width: 40px;*/ } .page-logo .light { display: none; } /*.page-logo-text { max-width: 90%; }*/ .page-logo-text img { height: 31px; max-width: 100%; width: auto; } .mod-skin-light .page-logo-text img { display: none; } .mod-skin-light .page-logo-text .light { display: initial; } .info-card { background-color: var(--theme-primary-900); height: auto; padding: 10px 50px; } .info-card img { max-height: 100%; max-width: 100%; } .mod-skin-light .info-card { background-color: var(--theme-light); } .mod-skin-dark .info-card { background-color: var(--theme-dark); } .nav-function-minify .page-sidebar .page-logo { padding: 10px !important; } .nav-function-minify .page-sidebar .info-card { padding: 5px !important; } /*.nav-menu li a { color: var(--theme-primary-100) !important; } .nav-menu li > ul li a { color: var(--theme-primary-200) !important; } .nav-menu li > ul li.active > a { color: #fff !important; } .nav-menu li.active > a { color: #fff !important; } .nav-menu li.active > a { color: #fff !important; }*/ .nav-menu li.active > a > i, .nav-menu li.active > a > b { color: white; } .nav-function-top .page-sidebar .primary-nav li.active > a, .nav-function-top .page-sidebar .primary-nav li.active > a > i, .nav-function-top .page-sidebar .primary-nav li.active > a > b { color: var(--theme-primary-400); } .mod-skin-light:not(.mod-skin-dark):not(.mod-nav-dark) .nav-menu li.active > a, .mod-skin-light:not(.mod-skin-dark):not(.mod-nav-dark) .nav-menu li.active > a > i, .mod-skin-light:not(.mod-skin-dark):not(.mod-nav-dark) .nav-menu li.active > a > b { color: var(--theme-fusion-500); font-weight: 500; } .nav-function-minify .nav-menu li > ul li a > [class*='fa-'] { margin-left: 0; } /* End Aside Fixes */ /* Begin Modal Fixes */ .btn-close { font-size: 10px; opacity: 1; } /* End Modal Fixes */ /* Begin Panel Fixes */ .panel-hdr { position: relative; } .panel-hdr > * { line-height: 1; margin-bottom: 0; } /* End Panel Fixes*/ /* Begin Settings Fixes */ .settings-panel .list .onoffswitch-title, .settings-panel .list .onoffswitch-title-desc { margin-right: 75px; } /* End Settings Fixes*/ /* Begin Buttons Fixes */ .btn:not(:disabled):not(.disabled) { cursor: pointer; } /* End Buttons Fixes */ /* Begin List Table Fixes */ .list-table > li:not(:first-child) { padding-left: 10px; } .list-table > li a:hover { text-decoration: underline !important; } /* End List Table Fixes */ /* Begin Forms Fixes */ .row .form-group:last-child, .row .form-group:only-child, .form-group:last-child, .form-group:only-child { margin-bottom: 20px; } .input-group > .form-control:not(:last-child) { border-top-right-radius: 0; border-bottom-right-radius: 0; } .input-group > .input-group-prepend > .btn { border-top-right-radius: 0; border-bottom-right-radius: 0; } .input-group > .input-group-append > .btn { border-top-left-radius: 0; border-bottom-left-radius: 0; } .input-group > .input-group-append.color-picker { align-items: center; display: flex; justify-content: center; margin-left: 10px !important; } .input-group-prepend { display: flex; margin-left: -1px; } .input-group > .input-group-prepend > .input-group-text { border-top-right-radius: 0; border-bottom-right-radius: 0; } .form-label { overflow: hidden; padding-right: 25px; text-overflow: ellipsis; white-space: nowrap; width: 100%; } .btn i:not(:only-child) { margin-right: 5px; } .form-control { appearance: auto; -webkit-appearance: auto; -moz-appearance: auto; height: 37px; } .form-control:focus { border-color: var(--theme-primary-600); } select.form-control { clip-path: polygon(0 0, 98.5% 0, 100% 8%, 100% 10.5%, 100% 94%, 99% 99%, 99% 100%, 0% 100%); } .custom-control { position: relative; display: block; min-height: 1.19437rem; padding-left: 1.625rem; } .custom-control-input { position: absolute; left: 0; z-index: -1; width: 1.125rem; height: 1.15969rem; opacity: 0; } .custom-control-label { cursor: pointer; position: relative; margin-bottom: 0; vertical-align: top; } .custom-control-label::before { position: absolute; top: 0.03469rem; left: -1.625rem; display: block; width: 1.125rem; height: 1.125rem; pointer-events: none; content: ""; background-color: #fff; border: #adb5bd solid 2px; border-radius: 2px; } .custom-control-input:checked ~ .custom-control-label::before { color: #fff; border-color: var(--theme-primary-300); background-color: var(--theme-primary-400); } .custom-control-label::after { position: absolute; top: 0.03469rem; left: -1.625rem; display: block; width: 1.125rem; height: 1.125rem; content: ""; background: no-repeat 50%/0.5rem; background-size: 50% 50%; } .custom-checkbox .custom-control-input:checked ~ .custom-control-label::after { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3e%3c/svg%3e"); } .custom-control-inline { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; margin-right: 1rem; } .custom-radio .custom-control-label::before { border-radius: 50%; } .custom-switch { padding-left: 2.46875rem; } .custom-switch .custom-control-label::before { left: -2.46875rem; width: 1.96875rem; pointer-events: all; border-radius: 0.5625rem; } .custom-switch .custom-control-label::after { top: calc(0.03469rem + 4px); left: calc(-2.46875rem + 4px); width: calc(1.125rem - 8px); height: calc(1.125rem - 8px); background-color: #adb5bd; border-radius: 0.5625rem; -webkit-transition: background-color .15s ease-in-out,border-color .15s ease-in-out,-webkit-transform .15s ease-in-out,-webkit-box-shadow .15s ease-in-out; transition: background-color .15s ease-in-out,border-color .15s ease-in-out,-webkit-transform .15s ease-in-out,-webkit-box-shadow .15s ease-in-out; transition: transform .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out; transition: transform .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-transform .15s ease-in-out,-webkit-box-shadow .15s ease-in-out; } input[type=checkbox]:checked + .custom-control-label, input[type=radio]:checked + .custom-control-label { font-weight: 500; } .custom-control-input:checked ~ .custom-control-label::before { color: #fff; border-color: var(--theme-primary-800) !important; background-color: var(--theme-primary-500) !important; } .custom-switch .custom-control-input:checked ~ .custom-control-label::after { background-color: #fff; -webkit-transform: translateX(0.84375rem); transform: translateX(0.84375rem); } textarea.form-control { height: 100px; } .custom-file { position: relative; display: inline-block; height: calc(1.47em + 1rem + 2px); margin-bottom: 0; width: 100%; } .custom-file-input { position: relative; z-index: 2; width: 100%; height: calc(1.47em + 1rem + 2px); margin: 0; opacity: 0; } .custom-file-label { position: absolute; top: 0; right: 0; left: 0; z-index: 1; height: calc(1.47em + 1rem + 2px); padding: 0.5rem 0.875rem; font-weight: 400; line-height: 1.47; color: #495057; background-color: #fff; border: 1px solid #e5e5e5; border-radius: 4px; } .custom-file-label::after { position: absolute; top: 0; right: 0; bottom: 0; z-index: 3; display: block; height: calc(1.47em + 1rem); padding: 0.5rem 0.875rem; line-height: 1.47; color: #495057; content: "Procurar"; background-color: #f3f3f3; border-left: inherit; border-radius: 0 4px 4px 0; } .input-group .custom-file { flex-grow: 1; width: auto; } /* End Forms Fixes*/ /* Begin Navigation Fixes */ .page-link { color: var(--theme-primary-900); } .pagination .page-link:hover { background-color: var(--theme-primary-400) !important; border-color: var(--theme-primary-400); } .page-item.active .page-link { background-color: var(--theme-primary-800) !important; border-color: var(--theme-primary-800); } /* End Navigation Fixes */ /* Begin DataTables Fixes */ .table th, .table td { overflow: hidden; text-overflow: ellipsis; white-space: nowrap } .table-bordered { border: 1px solid #e9e9e9; } .table-bordered td, .table-bordered th { border: 1px solid #e9e9e9; } table.dataTable { clear: both; margin-top: 6px !important; margin-bottom: 6px !important; max-width: none !important; border-collapse: separate !important; border-spacing: 0; table-layout: fixed; } table.dataTable td, table.dataTable th { -webkit-box-sizing: content-box; box-sizing: content-box } table.dataTable td.dataTables_empty, table.dataTable th.dataTables_empty { text-align: center } table.dataTable.nowrap td, table.dataTable.nowrap th { white-space: nowrap } div.dataTables_wrapper div.dataTables_length label { font-weight: 400; text-align: left; white-space: nowrap } div.dataTables_wrapper div.dataTables_length select { width: auto; display: inline-block } div.dataTables_wrapper div.dataTables_filter { text-align: right } div.dataTables_wrapper div.dataTables_filter label { font-weight: 400; white-space: nowrap; text-align: left } div.dataTables_wrapper div.dataTables_filter input { margin-left: .5em; display: inline-block; width: auto } div.dataTables_wrapper div.dataTables_info { padding-top: 0; white-space: nowrap } div.dataTables_wrapper div.dataTables_paginate { margin: 0; white-space: nowrap; text-align: right } div.dataTables_wrapper div.dataTables_paginate ul.pagination { margin: 2px 0; white-space: nowrap; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end } div.dataTables_wrapper div.dataTables_processing { position: absolute; top: 50%; left: 50%; width: 200px; margin-left: -100px; margin-top: -26px; text-align: center; padding: 1em 0 } table.dataTable thead > tr > td.sorting, table.dataTable thead > tr > td.sorting_asc, table.dataTable thead > tr > td.sorting_desc, table.dataTable thead > tr > th.sorting, table.dataTable thead > tr > th.sorting_asc, table.dataTable thead > tr > th.sorting_desc { padding-right: 30px } table.dataTable thead > tr > td:active, table.dataTable thead > tr > th:active { outline: 0 } table.dataTable thead .sorting, table.dataTable thead .sorting_asc, table.dataTable thead .sorting_asc_disabled, table.dataTable thead .sorting_desc, table.dataTable thead .sorting_desc_disabled { cursor: pointer; position: relative } table.dataTable thead .sorting:after, table.dataTable thead .sorting:before, table.dataTable thead .sorting_asc:after, table.dataTable thead .sorting_asc:before, table.dataTable thead .sorting_asc_disabled:after, table.dataTable thead .sorting_asc_disabled:before, table.dataTable thead .sorting_desc:after, table.dataTable thead .sorting_desc:before, table.dataTable thead .sorting_desc_disabled:after, table.dataTable thead .sorting_desc_disabled:before { position: absolute; bottom: .5em; display: block; opacity: .3 } table.dataTable thead .sorting:before, table.dataTable thead .sorting_asc:before, table.dataTable thead .sorting_asc_disabled:before, table.dataTable thead .sorting_desc:before, table.dataTable thead .sorting_desc_disabled:before { right: 1em; content: "\2191" } table.dataTable thead .sorting:after, table.dataTable thead .sorting_asc:after, table.dataTable thead .sorting_asc_disabled:after, table.dataTable thead .sorting_desc:after, table.dataTable thead .sorting_desc_disabled:after { right: .5em; content: "\2193" } table.dataTable thead .sorting_asc:before, table.dataTable thead .sorting_desc:after { opacity: 1 } table.dataTable thead .sorting_asc_disabled:before, table.dataTable thead .sorting_desc_disabled:after { opacity: 0 } div.dataTables_scrollHead table.dataTable { margin-bottom: 0 !important } div.dataTables_scrollBody table { border-top: none; margin-top: 0 !important; margin-bottom: 0 !important } div.dataTables_scrollBody table thead .sorting:after, div.dataTables_scrollBody table thead .sorting:before, div.dataTables_scrollBody table thead .sorting_asc:after, div.dataTables_scrollBody table thead .sorting_asc:before, div.dataTables_scrollBody table thead .sorting_desc:after, div.dataTables_scrollBody table thead .sorting_desc:before { display: none } div.dataTables_scrollBody table tbody tr:first-child td, div.dataTables_scrollBody table tbody tr:first-child th { border-top: none } div.dataTables_scrollFoot > .dataTables_scrollFootInner { -webkit-box-sizing: content-box; box-sizing: content-box } div.dataTables_scrollFoot > .dataTables_scrollFootInner > table { margin-top: 0 !important; border-top: none } @media screen and (max-width: 767px) { div.dataTables_wrapper div.dataTables_filter, div.dataTables_wrapper div.dataTables_info, div.dataTables_wrapper div.dataTables_length, div.dataTables_wrapper div.dataTables_paginate { text-align: center } } table.dataTable.table-sm > thead > tr > th { padding-right: 20px } table.dataTable.table-sm .sorting:before, table.dataTable.table-sm .sorting_asc:before, table.dataTable.table-sm .sorting_desc:before { top: 5px; right: .85em } table.dataTable.table-sm .sorting:after, table.dataTable.table-sm .sorting_asc:after, table.dataTable.table-sm .sorting_desc:after { top: 5px } table.table-bordered.dataTable td, table.table-bordered.dataTable th { border-left-width: 0 } table.table-bordered.dataTable td:last-child, table.table-bordered.dataTable th:last-child { border-right-width: 0 } table.table-bordered.dataTable tbody td, table.table-bordered.dataTable tbody th { border-bottom-width: 0 } div.dataTables_scrollHead table.table-bordered { border-bottom-width: 0 } div.table-responsive > div.dataTables_wrapper > div.row { margin: 0 } div.table-responsive > div.dataTables_wrapper > div.row > div[class^=col-]:first-child { padding-left: 0 } div.table-responsive > div.dataTables_wrapper > div.row > div[class^=col-]:last-child { padding-right: 0 } div.dt-autofill-handle { position: absolute; height: 8px; width: 8px; z-index: 102; -webkit-box-sizing: border-box; box-sizing: border-box; background: #0275d8; cursor: pointer } div.dtk-focus-alt div.dt-autofill-handle { background: #ff8b33 } div.dt-autofill-select { position: absolute; z-index: 1001; background-color: #0275d8; background-image: repeating-linear-gradient(45deg,transparent,transparent 5px,rgba(255,255,255,.5) 5px,rgba(255,255,255,.5) 10px) } div.dt-autofill-select.bottom, div.dt-autofill-select.top { height: 3px; margin-top: -1px } div.dt-autofill-select.left, div.dt-autofill-select.right { width: 3px; margin-left: -1px } div.dt-autofill-list { position: fixed; top: 50%; left: 50%; width: 500px; margin-left: -250px; background-color: #fff; border-radius: 6px; -webkit-box-shadow: 0 0 5px #555; box-shadow: 0 0 5px #555; border: 2px solid #444; z-index: 11; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 1.5em 2em } div.dt-autofill-list ul { display: table; margin: 0; padding: 0; list-style: none; width: 100% } div.dt-autofill-list ul li { display: table-row } div.dt-autofill-list ul li:last-child div.dt-autofill-button, div.dt-autofill-list ul li:last-child div.dt-autofill-question { border-bottom: none } div.dt-autofill-list ul li:hover { background-color: #f6f6f6 } div.dt-autofill-list div.dt-autofill-question { display: table-cell; padding: .5em 0; border-bottom: 1px solid #ccc } div.dt-autofill-list div.dt-autofill-question input[type=number] { padding: 6px; width: 30px; margin: -2px 0 } div.dt-autofill-list div.dt-autofill-button { display: table-cell; padding: .5em 0; border-bottom: 1px solid #ccc } div.dt-autofill-background { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,.7); background: radial-gradient(ellipse farthest-corner at center,rgba(0,0,0,.3) 0,rgba(0,0,0,.7) 100%); z-index: 10 } div.dt-autofill-list div.dt-autofill-question input[type=number] { padding: 6px; width: 60px; margin: -2px 0 } @keyframes dtb-spinner { 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg) } } @-webkit-keyframes dtb-spinner { 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg) } } div.dt-button-info { position: fixed; top: 50%; left: 50%; width: 400px; margin-top: -100px; margin-left: -200px; background-color: #fff; border: 2px solid #111; -webkit-box-shadow: 3px 3px 8px rgba(0,0,0,.3); box-shadow: 3px 3px 8px rgba(0,0,0,.3); border-radius: 3px; text-align: center; z-index: 21 } div.dt-button-info h2 { padding: .5em; margin: 0; font-weight: 400; border-bottom: 1px solid #ddd; background-color: #f3f3f3 } div.dt-button-info > div { padding: 1em } div.dt-button-collection-title { text-align: center; padding: .3em 0 .5em; font-size: .9em } div.dt-button-collection-title:empty { display: none } div.dt-button-collection.dropdown-menu { display: block; z-index: 2002; -webkit-column-gap: 8px; -moz-column-gap: 8px; -ms-column-gap: 8px; -o-column-gap: 8px; column-gap: 8px } div.dt-button-collection.dropdown-menu.fixed { position: fixed; top: 50%; left: 50%; margin-left: -75px; border-radius: 0 } div.dt-button-collection.dropdown-menu.fixed.two-column { margin-left: -150px } div.dt-button-collection.dropdown-menu.fixed.three-column { margin-left: -225px } div.dt-button-collection.dropdown-menu.fixed.four-column { margin-left: -300px } div.dt-button-collection.dropdown-menu > * { -webkit-column-break-inside: avoid; -moz-column-break-inside: avoid; break-inside: avoid } div.dt-button-collection.dropdown-menu.two-column { width: 300px; padding-bottom: 1px; -webkit-column-count: 2; -moz-column-count: 2; -ms-column-count: 2; -o-column-count: 2; column-count: 2 } div.dt-button-collection.dropdown-menu.three-column { width: 450px; padding-bottom: 1px; -webkit-column-count: 3; -moz-column-count: 3; -ms-column-count: 3; -o-column-count: 3; column-count: 3 } div.dt-button-collection.dropdown-menu.four-column { width: 600px; padding-bottom: 1px; -webkit-column-count: 4; -moz-column-count: 4; -ms-column-count: 4; -o-column-count: 4; column-count: 4 } div.dt-button-collection.dropdown-menu .dt-button { border-radius: 0 } div.dt-button-collection { -webkit-column-gap: 8px; -moz-column-gap: 8px; -ms-column-gap: 8px; -o-column-gap: 8px; column-gap: 8px } div.dt-button-collection.fixed { position: fixed; top: 50%; left: 50%; margin-left: -75px; border-radius: 0 } div.dt-button-collection.fixed.two-column { margin-left: -150px } div.dt-button-collection.fixed.three-column { margin-left: -225px } div.dt-button-collection.fixed.four-column { margin-left: -300px } div.dt-button-collection > * { -webkit-column-break-inside: avoid; -moz-column-break-inside: avoid; break-inside: avoid } div.dt-button-collection.two-column { width: 300px; padding-bottom: 1px; -webkit-column-count: 2; -moz-column-count: 2; -ms-column-count: 2; -o-column-count: 2; column-count: 2 } div.dt-button-collection.three-column { width: 450px; padding-bottom: 1px; -webkit-column-count: 3; -moz-column-count: 3; -ms-column-count: 3; -o-column-count: 3; column-count: 3 } div.dt-button-collection.four-column { width: 600px; padding-bottom: 1px; -webkit-column-count: 4; -moz-column-count: 4; -ms-column-count: 4; -o-column-count: 4; column-count: 4 } div.dt-button-collection .dt-button { border-radius: 0 } div.dt-button-collection.fixed { max-width: none } div.dt-button-collection.fixed:after, div.dt-button-collection.fixed:before { display: none } div.dt-button-background { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 999 } @media screen and (max-width: 767px) { div.dt-buttons { float: none; width: 100%; text-align: center; margin-bottom: .5em } div.dt-buttons a.btn { float: none } } div.dt-buttons a.btn.processing, div.dt-buttons button.btn.processing, div.dt-buttons div.btn.processing { color: rgba(0,0,0,.2) } div.dt-buttons a.btn.processing:after, div.dt-buttons button.btn.processing:after, div.dt-buttons div.btn.processing:after { position: absolute; top: 50%; left: 50%; width: 16px; height: 16px; margin: -8px 0 0 -8px; -webkit-box-sizing: border-box; box-sizing: border-box; display: block; content: ' '; border: 2px solid #282828; border-radius: 50%; border-left-color: transparent; border-right-color: transparent; animation: dtb-spinner 1.5s infinite linear; -o-animation: dtb-spinner 1.5s infinite linear; -ms-animation: dtb-spinner 1.5s infinite linear; -webkit-animation: dtb-spinner 1.5s infinite linear; -moz-animation: dtb-spinner 1.5s infinite linear } table.DTCR_clonedTable.dataTable { position: absolute !important; background-color: rgba(255,255,255,.7); z-index: 202 } div.DTCR_pointer { width: 1px; background-color: #0275d8; z-index: 201 } table.DTFC_Cloned tr { background-color: #fff; margin-bottom: 0 } div.DTFC_LeftHeadWrapper table, div.DTFC_RightHeadWrapper table { border-bottom: none !important; margin-bottom: 0 !important; background-color: #fff } div.DTFC_LeftBodyWrapper table, div.DTFC_RightBodyWrapper table { border-top: none; margin: 0 !important } div.DTFC_LeftBodyWrapper table thead .sorting:after, div.DTFC_LeftBodyWrapper table thead .sorting_asc:after, div.DTFC_LeftBodyWrapper table thead .sorting_desc:after, div.DTFC_RightBodyWrapper table thead .sorting:after, div.DTFC_RightBodyWrapper table thead .sorting_asc:after, div.DTFC_RightBodyWrapper table thead .sorting_desc:after { display: none } div.DTFC_LeftBodyWrapper table tbody tr:first-child td, div.DTFC_LeftBodyWrapper table tbody tr:first-child th, div.DTFC_RightBodyWrapper table tbody tr:first-child td, div.DTFC_RightBodyWrapper table tbody tr:first-child th { border-top: none } div.DTFC_LeftFootWrapper table, div.DTFC_RightFootWrapper table { border-top: none; margin-top: 0 !important; background-color: #fff } div.DTFC_Blocker { background-color: #fff } table.dataTable.table-striped.DTFC_Cloned tbody { background-color: #fff } table.dataTable.fixedHeader-floating, table.dataTable.fixedHeader-locked { background-color: #fff; margin-top: 0 !important; margin-bottom: 0 !important } table.dataTable.fixedHeader-floating { position: fixed !important } table.dataTable.fixedHeader-locked { position: absolute !important } @media print { table.fixedHeader-floating { display: none } } table.dataTable tbody td.focus, table.dataTable tbody th.focus { -webkit-box-shadow: inset 0 0 1px 2px #0275d8; box-shadow: inset 0 0 1px 2px #0275d8 } div.dtk-focus-alt table.dataTable tbody td.focus, div.dtk-focus-alt table.dataTable tbody th.focus { -webkit-box-shadow: inset 0 0 1px 2px #ff8b33; box-shadow: inset 0 0 1px 2px #ff8b33 } table.dataTable.dtr-inline.collapsed > tbody > tr > td.child, table.dataTable.dtr-inline.collapsed > tbody > tr > td.dataTables_empty, table.dataTable.dtr-inline.collapsed > tbody > tr > th.child { cursor: default !important } table.dataTable.dtr-inline.collapsed > tbody > tr > td.child:before, table.dataTable.dtr-inline.collapsed > tbody > tr > td.dataTables_empty:before, table.dataTable.dtr-inline.collapsed > tbody > tr > th.child:before { display: none !important } table.dataTable.dtr-inline.collapsed > tbody > tr[role=row] > td:first-child, table.dataTable.dtr-inline.collapsed > tbody > tr[role=row] > th:first-child { position: relative; padding-left: 30px; cursor: pointer } table.dataTable.dtr-inline.collapsed > tbody > tr[role=row] > td:first-child:before, table.dataTable.dtr-inline.collapsed > tbody > tr[role=row] > th:first-child:before { top: 12px; left: 4px; height: 14px; width: 14px; display: block; position: absolute; color: #fff; border: 2px solid #fff; border-radius: 14px; -webkit-box-shadow: 0 0 3px #444; box-shadow: 0 0 3px #444; -webkit-box-sizing: content-box; box-sizing: content-box; text-align: center; text-indent: 0 !important; font-family: 'Courier New',Courier,monospace; line-height: 14px; content: '+'; background-color: #0275d8 } table.dataTable.dtr-inline.collapsed > tbody > tr.parent > td:first-child:before, table.dataTable.dtr-inline.collapsed > tbody > tr.parent > th:first-child:before { content: '-'; background-color: #d33333 } table.dataTable.dtr-inline.collapsed.compact > tbody > tr > td:first-child, table.dataTable.dtr-inline.collapsed.compact > tbody > tr > th:first-child { padding-left: 27px } table.dataTable.dtr-inline.collapsed.compact > tbody > tr > td:first-child:before, table.dataTable.dtr-inline.collapsed.compact > tbody > tr > th:first-child:before { top: 5px; left: 4px; height: 14px; width: 14px; border-radius: 14px; line-height: 14px; text-indent: 3px } table.dataTable.dtr-column > tbody > tr > td.control, table.dataTable.dtr-column > tbody > tr > th.control { position: relative; cursor: pointer } table.dataTable.dtr-column > tbody > tr > td.control:before, table.dataTable.dtr-column > tbody > tr > th.control:before { top: 50%; left: 50%; height: 16px; width: 16px; margin-top: -10px; margin-left: -10px; display: block; position: absolute; color: #fff; border: 2px solid #fff; border-radius: 14px; -webkit-box-shadow: 0 0 3px #444; box-shadow: 0 0 3px #444; -webkit-box-sizing: content-box; box-sizing: content-box; text-align: center; text-indent: 0 !important; font-family: 'Courier New',Courier,monospace; line-height: 14px; content: '+'; background-color: #0275d8 } table.dataTable.dtr-column > tbody > tr.parent td.control:before, table.dataTable.dtr-column > tbody > tr.parent th.control:before { content: '-'; background-color: #d33333 } table.dataTable > tbody > tr.child { padding: .5em 1em } table.dataTable > tbody > tr.child:hover { background: 0 0 !important } table.dataTable > tbody > tr.child ul.dtr-details { display: inline-block; list-style-type: none; margin: 0; padding: 0 } table.dataTable > tbody > tr.child ul.dtr-details > li { border-bottom: 1px solid #efefef; padding: .5em 0 } table.dataTable > tbody > tr.child ul.dtr-details > li:first-child { padding-top: 0 } table.dataTable > tbody > tr.child ul.dtr-details > li:last-child { border-bottom: none } table.dataTable > tbody > tr.child span.dtr-title { display: inline-block; min-width: 75px; font-weight: 700 } div.dtr-modal { position: fixed; -webkit-box-sizing: border-box; box-sizing: border-box; top: 0; left: 0; height: 100%; width: 100%; z-index: 100; padding: 10em 1em } div.dtr-modal div.dtr-modal-display { position: absolute; top: 0; left: 0; bottom: 0; right: 0; width: 50%; height: 50%; overflow: auto; margin: auto; z-index: 102; overflow: auto; background-color: #f5f5f7; border: 1px solid #000; border-radius: .5em; -webkit-box-shadow: 0 12px 30px rgba(0,0,0,.6); box-shadow: 0 12px 30px rgba(0,0,0,.6) } div.dtr-modal div.dtr-modal-content { position: relative; padding: 1em } div.dtr-modal div.dtr-modal-close { position: absolute; top: 6px; right: 6px; width: 22px; height: 22px; border: 1px solid #eaeaea; background-color: #f9f9f9; text-align: center; border-radius: 3px; cursor: pointer; z-index: 12 } div.dtr-modal div.dtr-modal-close:hover { background-color: #eaeaea } div.dtr-modal div.dtr-modal-background { position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 101; background: rgba(0,0,0,.6) } @media screen and (max-width: 767px) { div.dtr-modal div.dtr-modal-display { width: 95% } } div.dtr-bs-modal table.table tr:first-child td { border-top: none } table.dataTable tr.dtrg-group td { background-color: #e0e0e0 } table.dataTable tr.dtrg-group.dtrg-level-0 td { font-weight: 700 } table.dataTable tr.dtrg-group.dtrg-level-1 td, table.dataTable tr.dtrg-group.dtrg-level-2 td { background-color: #f0f0f0; padding-top: .25em; padding-bottom: .25em; padding-left: 2em; font-size: .9em } table.dataTable tr.dtrg-group.dtrg-level-2 td { background-color: #f3f3f3 } table.dt-rowReorder-float { position: absolute !important; opacity: .8; table-layout: fixed; outline: 2px solid #0275d8; outline-offset: -2px; z-index: 2001 } tr.dt-rowReorder-moving { outline: 2px solid #888; outline-offset: -2px } body.dt-rowReorder-noOverflow { overflow-x: hidden } table.dataTable td.reorder { text-align: center; cursor: move } div.dts { display: block !important } div.dts tbody td, div.dts tbody th { white-space: nowrap } div.dts div.dts_loading { z-index: 1 } div.dts div.dts_label { position: absolute; right: 10px; background: rgba(0,0,0,.8); color: #fff; -webkit-box-shadow: 3px 3px 10px rgba(0,0,0,.5); box-shadow: 3px 3px 10px rgba(0,0,0,.5); text-align: right; border-radius: 3px; padding: .4em; z-index: 2; display: none } div.dts div.dataTables_scrollBody { background: repeating-linear-gradient(45deg,#edeeff,#edeeff 10px,#fff 10px,#fff 20px) } div.dts div.dataTables_scrollBody table { z-index: 2 } div.dts div.dataTables_length, div.dts div.dataTables_paginate { display: none } div.DTS div.dataTables_scrollBody table { background-color: #fff } table.dataTable tbody > tr.selected, table.dataTable tbody > tr > .selected { background-color: var(--theme-primary-200) !important } table.dataTable.display tbody > tr.odd.selected, table.dataTable.display tbody > tr.odd > .selected, table.dataTable.stripe tbody > tr.odd.selected, table.dataTable.stripe tbody > tr.odd > .selected { background-color: #0172d2 } table.dataTable.display tbody > tr.selected:hover, table.dataTable.display tbody > tr > .selected:hover, table.dataTable.hover tbody > tr.selected:hover, table.dataTable.hover tbody > tr > .selected:hover { background-color: #0170d0 } table.dataTable.display tbody > tr.selected > .sorting_1, table.dataTable.display tbody > tr.selected > .sorting_2, table.dataTable.display tbody > tr.selected > .sorting_3, table.dataTable.display tbody > tr > .selected, table.dataTable.order-column tbody > tr.selected > .sorting_1, table.dataTable.order-column tbody > tr.selected > .sorting_2, table.dataTable.order-column tbody > tr.selected > .sorting_3, table.dataTable.order-column tbody > tr > .selected { background-color: #0172d3 } table.dataTable.display tbody > tr.odd.selected > .sorting_1, table.dataTable.order-column.stripe tbody > tr.odd.selected > .sorting_1 { background-color: #016ecc } table.dataTable.display tbody > tr.odd.selected > .sorting_2, table.dataTable.order-column.stripe tbody > tr.odd.selected > .sorting_2 { background-color: #016fcd } table.dataTable.display tbody > tr.odd.selected > .sorting_3, table.dataTable.order-column.stripe tbody > tr.odd.selected > .sorting_3 { background-color: #0170cf } table.dataTable.display tbody > tr.even.selected > .sorting_1, table.dataTable.order-column.stripe tbody > tr.even.selected > .sorting_1 { background-color: #0172d3 } table.dataTable.display tbody > tr.even.selected > .sorting_2, table.dataTable.order-column.stripe tbody > tr.even.selected > .sorting_2 { background-color: #0173d5 } table.dataTable.display tbody > tr.even.selected > .sorting_3, table.dataTable.order-column.stripe tbody > tr.even.selected > .sorting_3 { background-color: #0174d7 } table.dataTable.display tbody > tr.odd > .selected, table.dataTable.order-column.stripe tbody > tr.odd > .selected { background-color: #016ecc } table.dataTable.display tbody > tr.even > .selected, table.dataTable.order-column.stripe tbody > tr.even > .selected { background-color: #0172d3 } table.dataTable.display tbody > tr.selected:hover > .sorting_1, table.dataTable.order-column.hover tbody > tr.selected:hover > .sorting_1 { background-color: #016bc6 } table.dataTable.display tbody > tr.selected:hover > .sorting_2, table.dataTable.order-column.hover tbody > tr.selected:hover > .sorting_2 { background-color: #016cc7 } table.dataTable.display tbody > tr.selected:hover > .sorting_3, table.dataTable.order-column.hover tbody > tr.selected:hover > .sorting_3 { background-color: #016dca } table.dataTable.display tbody > tr:hover > .selected, table.dataTable.display tbody > tr > .selected:hover, table.dataTable.order-column.hover tbody > tr:hover > .selected, table.dataTable.order-column.hover tbody > tr > .selected:hover { background-color: #016bc6 } table.dataTable tbody td.select-checkbox, table.dataTable tbody th.select-checkbox { position: relative } table.dataTable tbody td.select-checkbox:after, table.dataTable tbody td.select-checkbox:before, table.dataTable tbody th.select-checkbox:after, table.dataTable tbody th.select-checkbox:before { display: block; position: absolute; top: 1.2em; left: 50%; width: 12px; height: 12px; -webkit-box-sizing: border-box; box-sizing: border-box } table.dataTable tbody td.select-checkbox:before, table.dataTable tbody th.select-checkbox:before { content: ' '; margin-top: -6px; margin-left: -6px; border: 1px solid #000; border-radius: 3px } table.dataTable tr.selected td.select-checkbox:after, table.dataTable tr.selected th.select-checkbox:after { content: '\2714'; margin-top: -11px; margin-left: -4px; text-align: center; text-shadow: 1px 1px #b0bed9,-1px -1px #b0bed9,1px -1px #b0bed9,-1px 1px #b0bed9 } div.dataTables_wrapper span.select-info, div.dataTables_wrapper span.select-item { margin-left: .5em } @media screen and (max-width: 640px) { div.dataTables_wrapper span.select-info, div.dataTables_wrapper span.select-item { margin-left: 0; display: block } } table.dataTable tbody td.selected, table.dataTable tbody th.selected, table.dataTable tbody tr.selected { color: #fff } table.dataTable tbody td.selected a, table.dataTable tbody th.selected a, table.dataTable tbody tr.selected a:not(.dropdown-item) { color: #fff; } table.dataTable > tbody > tr.child ul.dtr-details { width: 100% } .even .sorting_1, .sorting_asc, .sorting_desc { background-color: rgba(136,106,181,.03) } .odd .sorting_1 { background-color: rgba(136,106,181,.04) } .table-dark .even .sorting_1, .table-dark .sorting_asc, .table-dark .sorting_desc { background-color: rgba(255,194,65,.15) } .table-dark .odd .sorting_1 { background-color: rgba(255,194,65,.15) } table.dataTable { margin-top: 0 !important; margin-bottom: .5rem !important } table.dataTable.dtr-column > tbody > tr > td.control, table.dataTable.dtr-column > tbody > tr > th.control { padding-left: 30px } table.dataTable.dtr-column > tbody > tr > td.control:before, table.dataTable.dtr-column > tbody > tr > th.control:before, table.dataTable.dtr-inline.collapsed > tbody > tr[role=row] > td:first-child:before, table.dataTable.dtr-inline.collapsed > tbody > tr[role=row] > th:first-child:before { top: 0; bottom: 0; left: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; height: 100%; width: 1rem; -webkit-box-shadow: none; box-shadow: none; border-radius: 0; border: 0; margin: 0; background-color: #886ab5 } table.dataTable.dtr-column > tbody > tr.parent td.control:before, table.dataTable.dtr-column > tbody > tr.parent th.control:before, table.dataTable.dtr-inline.collapsed > tbody > tr.parent > td:first-child:before, table.dataTable.dtr-inline.collapsed > tbody > tr.parent > th:first-child:before { background-color: #1dc9b7 } table.dataTable thead .sorting:before, table.dataTable thead .sorting_asc:before, table.dataTable thead .sorting_asc_disabled:before, table.dataTable thead .sorting_desc:before, table.dataTable thead .sorting_desc_disabled:before { right: 1rem !important; content: "\f175"; font-size: 14px; font-family: 'Font Awesome 5 Pro' } table.dataTable thead .sorting:after, table.dataTable thead .sorting_asc:after, table.dataTable thead .sorting_asc_disabled:after, table.dataTable thead .sorting_desc:after, table.dataTable thead .sorting_desc_disabled:after { right: .5rem !important; content: "\f176"; font-size: 14px; font-family: 'Font Awesome 5 Pro' } .dataTables_empty { color: #131313; font-size: 1rem; padding-top: 2.5rem !important; padding-bottom: 2.5rem !important } .dataTables_wrapper .dataTables_filter label { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex } .dataTables_wrapper tr.child td.child { padding: 0 } .dataTables_wrapper tr.child td.child .dtr-details { padding: 1rem 1rem 1.5rem 1.95rem; position: relative } .dataTables_wrapper tr.child td.child .dtr-details:before { content: "\f149"; font-family: 'Font Awesome 5 Pro'; color: #21dfcb; width: 20px; height: 30px; position: absolute; top: -15px; right: 0; font-size: 1.2rem } .dataTables_wrapper tr.child td.child .dtr-details:after { content: ""; position: absolute; top: 0; bottom: 0; left: 0; width: 1rem; background: #4de5d5 } @media screen and (max-width: 767px) { div.dataTables_wrapper div.dataTables_filter, div.dataTables_wrapper div.dataTables_info, div.dataTables_wrapper div.dataTables_length, div.dataTables_wrapper div.dataTables_paginate { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } } .paginate_button.page-item.disabled .page-link { background: 0 0 } .dataTables_wrapper .dataTables_paginate .pagination .page-item > .page-link { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 1.85rem; min-width: 1.85rem; padding: .5rem; font-size: .825rem; line-height: .825rem } div.dataTables_wrapper div.dataTables_filter { text-align: inherit } div.dt-autofill-list { border-width: 0; padding: 1rem 0; -webkit-box-shadow: 0 0 20px 0 rgba(0,0,0,.2); box-shadow: 0 0 20px 0 rgba(0,0,0,.2) } div.dt-autofill-list div.dt-autofill-button, div.dt-autofill-list div.dt-autofill-question { border-width: 0 } div.dt-autofill-list .dt-autofill-button { text-align: right !important } div.dt-autofill-background { opacity: .2; background-color: #000 } .dt-autofill-question { padding-left: 2rem !important } .dt-autofill-button { padding-right: 2rem !important } div.dt-autofill-handle { background: #886ab5; height: .875rem; width: .875rem } div.dt-autofill-select { background-color: #886ab5 } .DTFC_LeftBodyWrapper:before, .DTFC_LeftFootWrapper:before, .DTFC_LeftHeadWrapper:before { content: ""; position: absolute; right: 0; top: 1px; bottom: 0; width: 1px; background: #fd3995; z-index: 1; -webkit-box-shadow: -4px 0 4px rgba(0,0,0,.4); box-shadow: -4px 0 4px rgba(0,0,0,.4) } .DTFC_LeftBodyWrapper table.table-bordered, .DTFC_LeftFootWrapper table.table-bordered, .DTFC_LeftHeadWrapper table.table-bordered { border-right-width: 0 } table.dataTable tbody td.focus, table.dataTable tbody th.focus { -webkit-box-shadow: inset 0 0 0 1px #886ab5; box-shadow: inset 0 0 0 1px #886ab5; background: rgba(136,106,181,.1); font-weight: 500 } table.dataTable tr.dtrg-group td { background: 0 0; font-size: 1rem; font-weight: 400; padding-top: 1.25rem } table.dataTable.table-sm tr.dtrg-group td { padding-top: 1rem } table.dataTable:not(.table-dark) tr.dtrg-group td { background: #fff } table.dataTable.fixedHeader-floating { opacity: .9 } table.dataTable td.reorder { text-align: inherit } tr.dt-rowReorder-moving { outline: 2px solid #1dc9b7; outline-offset: -2px } table.dt-rowReorder-float { outline: 2px solid #886ab5; outline-offset: -2px } .DTCR_clonedTable.w-100, .dt-rowReorder-float.w-100, .fixedHeader-floating.w-100 { width: inherit !important } .dataTables_processing { z-index: 2 } table.dataTable.table-bordered .selected td { border-color: rgba(0,0,0,.1) } table.dataTable.table-bordered td.selected { border-color: rgba(0,0,0,.1) } table.dataTable tbody > tr.selected, table.dataTable tbody > tr > .selected { -webkit-box-shadow: inset 0 0 0 1px var(--theme-primary-400) !important; box-shadow: inset 0 0 0 1px var(--theme-primary-400) !important; font-weight: 500 !important; color: var(--theme-primary-900) !important; } table.dataTable.table-striped > tbody > tr.odd.selected > * { box-shadow: none; } table.dataTable > tbody > tr.selected > * { box-shadow: none; } table.dataTable.table-hover > tbody > tr.selected:hover > * { box-shadow: none; } .mod-skin-dark:not(.mod-skin-light) .table-striped > tbody > tr:nth-of-type(odd) > * { color: #fff; } .mod-skin-dark:not(.mod-skin-light) .table-hover > tbody > tr:hover > * { color: #fff; } .table-clean { table-layout: fixed; max-width: 100%; } .table-clean th, .table-clean td { white-space: normal; } .mod-skin-dark:not(.mod-skin-light) .table { background: transparent !important; } .mod-skin-dark:not(.mod-skin-light) .table-hover tbody tr:hover { background-color: var(--theme-primary-800) !important; } .mod-skin-dark:not(.mod-skin-light) .table-hover tbody tr:hover > * { --bs-table-accent-bg: transparent !important; } /* End DataTables Fixes*/ /* Begin Select2 Fixes */ .select2-container { width: 100% !important; } .select2-container--default .select2-selection--multiple { border: 1px solid #E5E5E5; min-height: 37px; padding: 0 25px 0 0; position: relative; } .select2-container--default .select2-selection--multiple::after { position: absolute; content: '\f107'; font-family: 'Font Awesome 5 Pro'; font-size: 22px; font-weight: 300; top: 2px; right: 10px; } .select2-search--inline { display: none; } .select2-container--focus .select2-search--inline { display: list-item; } /* End Select2 Fixes*/ /* Begin Tempus Dominus Fixes */ .tempus-dominus-widget .date-container-decades div:not(.no-highlight).today:before, .tempus-dominus-widget .date-container-years div:not(.no-highlight).today:before, .tempus-dominus-widget .date-container-months div:not(.no-highlight).today:before, .tempus-dominus-widget .date-container-days div:not(.no-highlight).today:before, .tempus-dominus-widget .time-container-clock div:not(.no-highlight).today:before, .tempus-dominus-widget .time-container-hour div:not(.no-highlight).today:before, .tempus-dominus-widget .time-container-minute div:not(.no-highlight).today:before, .tempus-dominus-widget .time-container-second div:not(.no-highlight).today:before { border-bottom-color: var(--theme-primary-700); } .tempus-dominus-widget .date-container-decades div:not(.no-highlight).active, .tempus-dominus-widget .date-container-years div:not(.no-highlight).active, .tempus-dominus-widget .date-container-months div:not(.no-highlight).active, .tempus-dominus-widget .date-container-days div:not(.no-highlight).active, .tempus-dominus-widget .time-container-clock div:not(.no-highlight).active, .tempus-dominus-widget .time-container-hour div:not(.no-highlight).active, .tempus-dominus-widget .time-container-minute div:not(.no-highlight).active, .tempus-dominus-widget .time-container-second div:not(.no-highlight).active { background-color: var(--theme-primary-700); } .mod-skin-dark .tempus-dominus-widget .date-container-decades div:not(.no-highlight):hover, .mod-skin-dark .tempus-dominus-widget .date-container-years div:not(.no-highlight):hover, .mod-skin-dark .tempus-dominus-widget .date-container-months div:not(.no-highlight):hover, .mod-skin-dark .tempus-dominus-widget .date-container-days div:not(.no-highlight):hover, .mod-skin-dark .tempus-dominus-widget .time-container-clock div:not(.no-highlight):hover, .mod-skin-dark .tempus-dominus-widget .time-container-hour div:not(.no-highlight):hover, .mod-skin-dark .tempus-dominus-widget .time-container-minute div:not(.no-highlight):hover, .mod-skin-dark .tempus-dominus-widget .time-container-second div:not(.no-highlight):hover { background-color: #212225; } .mod-skin-dark .tempus-dominus-widget { background-color: #3d3e41; } .mod-skin-dark .tempus-dominus-widget .date-container-decades div:not(.no-highlight).old, .mod-skin-dark .tempus-dominus-widget .date-container-decades div:not(.no-highlight).new, .mod-skin-dark .tempus-dominus-widget .date-container-years div:not(.no-highlight).old, .mod-skin-dark .tempus-dominus-widget .date-container-years div:not(.no-highlight).new, .mod-skin-dark .tempus-dominus-widget .date-container-months div:not(.no-highlight).old, .mod-skin-dark .tempus-dominus-widget .date-container-months div:not(.no-highlight).new, .mod-skin-dark .tempus-dominus-widget .date-container-days div:not(.no-highlight).old, .mod-skin-dark .tempus-dominus-widget .date-container-days div:not(.no-highlight).new, .mod-skin-dark .tempus-dominus-widget .time-container-clock div:not(.no-highlight).old, .mod-skin-dark .tempus-dominus-widget .time-container-clock div:not(.no-highlight).new, .mod-skin-dark .tempus-dominus-widget .time-container-hour div:not(.no-highlight).old, .mod-skin-dark .tempus-dominus-widget .time-container-hour div:not(.no-highlight).new, .mod-skin-dark .tempus-dominus-widget .time-container-minute div:not(.no-highlight).old, .mod-skin-dark .tempus-dominus-widget .time-container-minute div:not(.no-highlight).new, .mod-skin-dark .tempus-dominus-widget .time-container-second div:not(.no-highlight).old, .mod-skin-dark .tempus-dominus-widget .time-container-second div:not(.no-highlight).new { color: #777; } .mod-skin-dark .tempus-dominus-widget .date-container-days .dow { color: #fff; } .mod-skin-dark .tempus-dominus-widget .toolbar div:hover { background-color: #212225; } table.dataTable > tbody > tr.selected > * { color: var(--theme-primary-800); } table.dataTable > tbody > tr.ui-draggable { cursor: move; } /* End Tempus Dominus Fixes */ /* Begin Sweet Alert Fixes */ .swal2-container { z-index: 9999; } /* End Sweet Alert Fixes */ /* #region HTML */ html { font-size: 16px; } /* #endregion HTML */ /* #region Ajustes no Bootstrap 5 */ .dropdown-menu { overflow-x: hidden; } @media (min-width: 1799px) { .row-cols-xxl-4 > * { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 25%; } } select.form-control { clip-path: none; } /* #endregion Ajustes no Bootstrap 5 */ /* #region Table */ table.table-bordered.dataTable { border-left-width: 0; border-right-width: 1px; border-top-width: 0; } .table-resize-container-scroll { border: 1px solid #e9e9e9; border-bottom: 0; border-top: 0; margin-bottom: 0.5rem !important; overflow-x: scroll; } .mod-skin-dark .table-resize-container-scroll { border-color: rgba(255, 255, 255, 0.25); } .table-resize-container-scroll .table-resize-content table { border-left: 0; border-right: 0; margin-bottom: 0 !important; } .table-resize-container-scroll .table-resize-content table tr th:first-child, .table-resize-container-scroll .table-resize-content table tr td:first-child { border-left: 0; } .table-resize-container-scroll .table-resize-content table tr td:last-child, .table-resize-container-scroll .table-resize-content table tr th:last-child { border-right: 0; } .table-resize-container-scroll .table-resize-content table tr td div.btn-group { position: inherit; } /* #endregion Table */ /* #region Page */ .page-header .search { margin-right: 30px; } .page-header .search .app-forms { align-items: center; display: flex; } .page-header .search .app-forms .form-control { background: 0 0; border: 1px solid transparent; border-radius: 4px; box-shadow: none; -webkit-box-shadow: none; font-size: .9375rem; height: 2.625rem; line-height: normal; max-width: 21.875rem; padding: 0.38rem; } .page-header .header-icon { background-color: transparent; border: none; cursor: pointer; transition: all .4s ease; } .page-header .header-icon:hover { background-color: var(--theme-primary-50); } .page-footer a { color: var(--theme-primary-700); } /* #endregion Page */ /* #region Notifications */ .notification-box { position: relative; overflow-y: scroll; width: auto; height: 430px; } .notification .name { margin-right: 50px; } .notification .badge { color: #A0A0A0; } .notification-options { align-items: center; display: flex; position: absolute; top: 10px; right: 10px; } .notification-options button { align-items: center; background-color: transparent; border: none; color: var(--theme-primary-200); display: flex; font-size: 14px; justify-content: center; height: 20px; padding: 0; transition: all .3s ease; width: 20px; } .notification-options button:hover { color: var(--theme-primary-300); } .notification-options button:not(:first-child) { margin-left: 8px; } /* #endregion Notifications */ /* #region Procedures */ .procedures { list-style: none; margin-bottom: 0; max-height: 300px; padding-left: 0; } .procedures > li { padding: 10px 15px; } .procedures .name { color: #222222; font-weight: 500; font-size: 0.8125rem; } /* #endregion Procedures */ /* #region Config */ .config-options { padding-left: 2rem; padding-right: 1rem; } .config-options a { align-items: center; display: flex; height: 100%; justify-content: center; width: 100%; } /* #endregion Config */ /* #region Sidebar */ /*.page-sidebar { height: 100vh; } .page-sidebar .primary-nav { flex-grow: 1; }*/ .nav-function-fixed:not(.nav-function-top) .page-sidebar .slimScrollDiv { height: 100% !important; } /* #endregion Sidebar */ /* #region Nav Tabs */ .nav-tabs .nav-item .nav-link i { margin-right: 5px; } .nav-tabs .nav-item .nav-link.big { box-shadow: 0px 8px 27px -22px inset var(--bs-gray-500); font-size: 1rem; padding: 0.5rem 1rem; } .nav-tabs .nav-item .nav-link .inner-btn { border: none; border-radius: 3px; margin-left: 5px; padding: 1px 3px; } .nav-tabs .nav-item .nav-link .inner-btn i { margin-right: 0; } .nav-tabs .nav-item .nav-link.green, .nav-tabs .nav-item .nav-link.green.active:not(:hover) { background-color: #85e479; color: #000000 !important; } .nav-tabs .nav-item .nav-link.gray, .nav-tabs .nav-item .nav-link.gray.active:not(:hover) { background-color: #555655; color: #ffffff !important; } .nav-tabs .nav-item .nav-link.yellow, .nav-tabs .nav-item .nav-link.yellow.active:not(:hover) { background-color: #ffd400; color: #000000 !important; } .nav-tabs .nav-item .nav-link.purple, .nav-tabs .nav-item .nav-link.yellow.purple:not(:hover) { background-color: #800080; color: #ffffff !important; } .nav-tabs .nav-item .nav-link.red, .nav-tabs .nav-item .nav-link.yellow.red:not(:hover) { color: #db3f27 !important; } /* #endregion Nav Tabs */ /* #region Nav Steps */ .nav-steps { align-items: center; display: flex; justify-content: space-around; margin: 25px 0; } .nav-steps li { align-self: stretch; display: flex; flex-grow: 1; justify-content: center; position: relative; } .nav-steps li:before, .nav-steps li:after { position: absolute; content: ""; border-top: 3px solid #55606e; display: block; font-size: 0; overflow: hidden; top: 19px; width: calc(50% - 25px); z-index: 1; } .nav-steps li:before { left: 0; } .nav-steps li:after { left: auto; right: 0; } .nav-steps li:first-child:before { left: calc(50% + 25px); max-width: 50%; } .nav-steps li:last-child:before { max-width: 50%; right: calc(50% + 25px); } .nav-steps li:last-child:after { display: none; } .nav-steps li button { align-items: center; background: transparent; border: none; display: flex; flex-direction: column; } .nav-steps li button .step { align-items: center; background: #b2b5b9; border: 3px solid transparent; border-radius: 50%; color: #fff; display: flex; font-size: 18px; font-weight: bold; height: 40px; justify-content: center; line-height: normal; margin-bottom: 5px; position: relative; text-align: center; transition: all .3s ease; width: 40px; z-index: 2; } .nav-steps li button.active .step { background: #0d6efd; } .nav-steps li button .step.red { background: #dc3545; } .nav-steps li button .step.gray { background: #6c757d; } .nav-steps li button .step.yellow { background: #ffc107; } .nav-steps li button .step.lightgreen { background: #ccff90; } .nav-steps li button .step.green { background: #198754; } .nav-steps li button .step.cyan { background: #0dcaf0; } .nav-steps li button .step.orange { background: #fd7e14; } .nav-steps li button .step.lightsalmon { background: #ffd0bd; } .nav-steps li button .title { color: #bfbfbf; display: block; font-size: 16px; font-weight: 700; line-height: 15px; max-width: 100%; position: relative; text-align: center; word-wrap: break-word; } .nav-steps li button.active .step { box-shadow: 0px 0px 0px 2px #ffffff, 0px 0px 0px 4px #0d6efd; } .nav-steps li button.active .step.cyan { box-shadow: 0px 0px 0px 2px #ffffff, 0px 0px 0px 4px #0dcaf0; } .nav-steps li button.active .step.gray { box-shadow: 0px 0px 0px 2px #ffffff, 0px 0px 0px 4px #6c757d; } .nav-steps li button.active .step.green { box-shadow: 0px 0px 0px 2px #ffffff, 0px 0px 0px 4px #198754; } .nav-steps li button.active .step.lightgreen { box-shadow: 0px 0px 0px 2px #ffffff, 0px 0px 0px 4px #ccff90; } .nav-steps li button.active .step.lightsalmon { box-shadow: 0px 0px 0px 2px #ffffff, 0px 0px 0px 4px #ffd0bd; } .nav-steps li button.active .step.orange { box-shadow: 0px 0px 0px 2px #ffffff, 0px 0px 0px 4px #fd7e14; } .nav-steps li button.active .step.red { box-shadow: 0px 0px 0px 2px #ffffff, 0px 0px 0px 4px #dc3545; } .nav-steps li button.active .step.yellow { box-shadow: 0px 0px 0px 2px #ffffff, 0px 0px 0px 4px #ffc107; } .mod-skin-dark:not(.mod-skin-light) .nav-steps li button.active .step { box-shadow: 0px 0px 0px 2px #303133, 0px 0px 0px 4px #0d6efd; } .mod-skin-dark:not(.mod-skin-light) .nav-steps li button.active .step.cyan { box-shadow: 0px 0px 0px 2px #303133, 0px 0px 0px 4px #0dcaf0; } .mod-skin-dark:not(.mod-skin-light) .nav-steps li button.active .step.gray { box-shadow: 0px 0px 0px 2px #303133, 0px 0px 0px 4px #6c757d; } .mod-skin-dark:not(.mod-skin-light) .nav-steps li button.active .step.green { box-shadow: 0px 0px 0px 2px #303133, 0px 0px 0px 4px #198754; } .mod-skin-dark:not(.mod-skin-light) .nav-steps li button.active .step.lightgreen { box-shadow: 0px 0px 0px 2px #303133, 0px 0px 0px 4px #ccff90; } .mod-skin-dark:not(.mod-skin-light) .nav-steps li button.active .step.lightsalmon { box-shadow: 0px 0px 0px 2px #303133, 0px 0px 0px 4px #ffd0bd; } .mod-skin-dark:not(.mod-skin-light) .nav-steps li button.active .step.orange { box-shadow: 0px 0px 0px 2px #303133, 0px 0px 0px 4px #fd7e14; } .mod-skin-dark:not(.mod-skin-light) .nav-steps li button.active .step.red { box-shadow: 0px 0px 0px 2px #303133, 0px 0px 0px 4px #dc3545; } .mod-skin-dark:not(.mod-skin-light) .nav-steps li button.active .step.yellow { box-shadow: 0px 0px 0px 2px #303133, 0px 0px 0px 4px #ffc107; } /* #endregion Nav Steps */ /* #region Subheader */ .subheader-help a, .subheader-help button { background: transparent; border: none; color: var(--theme-info-600); display: block; font-size: 28px; line-height: 28px; transition: all .3s ease; } .subheader-help a:hover, .subheader-help button:hover { transform: scale(1.1); } /* #endregion Subheader */ /* #region BlockUI */ .blockUI.blockMsg.blockPage { left: 50% !important; max-width: 90% !important; top: 50% !important; transform: translate(-50%) !important; width: 350px !important; } .block-ui-custom { background-color: #fff; border-radius: 8px; color: var(--theme-primary-500); padding: 30px; } .block-ui-custom h2 { margin: 10px 0 0; } .mod-skin-dark:not(.mod-skin-light) .block-ui-custom { background-color: #303133; } /* #endregion BlockUI */ /* #region File Input Button */ .custom-file-btn { position: relative; } .custom-file-btn input[type="file"] { position: absolute; top: 0; left: 0; height: 0.1px; opacity: 0; width: 0.1px; } /* #endregion File Input Button */ /* #region Input Color Picker */ .form-group .input-group-append.color-picker { border: 1px solid #E5E5E5; border-radius: 0 4px 4px 0; border-left: 0; margin-left: 0 !important; padding: 0 10px; } /* #endregion Input Color Picker */ /* #region Cards */ .card-header { position: relative; } .card-title { margin-right: 2rem; } .card-help { position: absolute; top: 50%; right: 1rem; background: transparent; border: none; color: var(--theme-info-500); font-size: 18px; padding-right: 0 !important; transform: translateY(-50%); transition: all .3s ease; } .card-help:hover { transform: translateY(-50%) scale(1.1); } .info-card-img { margin-right: 10px; } /* #endregion Cards */ /* #region Ajuda */ .form-group { position: relative; } .form-group .ajuda { position: absolute; right: 0; top: 0; color: var(--theme-info-500); display: block; font-size: 18px; transition: all .3s ease; } .form-group .ajuda:hover { transform: scale(1.1); } #btnVoltarAjuda { align-items: center; background: transparent; color: var(--theme-info-500); border: none; display: flex; font-size: 20px; justify-content: center; left: 0; margin-right: 10px; position: relative; transition: all .3s ease; } #btnVoltarAjuda:hover { left: -3px; } .custom-control .custom-control-helper { background: transparent; border: none; color: var(--theme-info-500); font-size: 14px; transition: all .3s ease; } /* #endregion Ajuda */ /* #region Forms */ .btn-file-simple { position: relative; } .btn-file-simple input[type="file"] { position: absolute; top: 0; left: 0; height: 0.1px; opacity: 0; width: 0.1px; } .form-group { margin-bottom: 20px; } .form-group .label-btn { position: absolute; top: 2px; right: 25px; } /* #endregion Forms */ /* #region Importa��o de Arquivos */ .modal-dialog-importacao .table-container { overflow: scroll; max-height: 500px; } @media (min-width: 1550px) { .modal-dialog.modal-dialog-importacao { width: 1500px; } } @media (min-width: 1050px) and (max-width: 1550px) { .modal-dialog.modal-dialog-importacao { width: 1000px; } } /* #endregion Importa��o de Arquivos */ /* #region Exchange */ .exchange { position: relative; } .exchange::before { position: absolute; content: '\f0ec'; font-family: 'Font Awesome 5 Pro'; font-size: 18px; top: 50%; left: 50%; transform: translate(-50%); } /* #endregion Exchange */ /* #region Campos / Filtros tabela */ .checkboxes { display: flex; flex-wrap: wrap; margin-bottom: .5rem; } .checkboxes .custom-checkbox { margin-bottom: 10px; } .checkboxes .custom-checkbox:not(:last-child) { margin-right: 20px; } /* #endregion Campos / Filtros tabela */ /* #region Page Login */ html body .blankpage-form-field { max-width: 90%; width: 380px; z-index: 1; } html body .blankpage-footer { color: var(--theme-primary-800); } html body .blankpage-footer a { color: var(--theme-primary-800); } html body video { z-index: 0; } /* #endregion Page Login */ /* #region Ribbons */ .ribbon-tms { position: absolute; right: -4px; top: -4px; z-index: 1; overflow: hidden; width: 78px; height: 78px; text-align: right; } .ribbon-tms span { font-size: 12px; font-weight: bold; color: #fff; text-align: center; line-height: 20px; transform: rotate(45deg) perspective(1px); -webkit-transform: rotate(45deg) perspective(1px); width: 104px; display: block; box-shadow: 0 3px 10px -5px rgba(0,0,0,1); position: absolute; top: 21px; right: -21px; white-space: nowrap } .ribbon-tms span::before { content: ""; position: absolute; left: 0; top: 100%; z-index: -1; border-bottom: 2px solid transparent; border-left: 2px solid #404040; border-right: 2px solid transparent; border-top: 2px solid #404040 } .ribbon-tms span::after { content: ""; position: absolute; right: 0; top: 100%; z-index: -1; border-bottom: 2px solid transparent; border-left: 2px solid transparent; border-right: 2px solid #404040; border-top: 2px solid #404040 } .ribbon-tms-red span { background-color: #f70505 } .ribbon-tms-blue span { background-color: #2989d8 } .ribbon-tms-gray span { background-color: #989eb3 } .ribbon-tms-green span { background-color: #269917 } .ribbon-tms-yellow span { background-color: #e1bc05 } .ribbon-tms-blue-violet span { background-color: #9805fa } .ribbon-tms-black span { background-color: #000 } .ribbon-tms-violet span { background-color: #e335e3 } .ribbon-tms-orange span { background-color: #e69500 } .ribbon-tms-orange-red span { background-color: #ff571a } .ribbon-tms-light-blue span { background-color: #d9dcfd; color: #404040 } .ribbon-tms-sky-blue span { background-color: #7ccae9; color: #404040 } .ribbon-tms-dark-purple span { background-color: #7c3877; } .ribbon-tms-lime-green span { background-color: #a2f6bd; color: #404040 } .ribbon-tms-navy span { background-color: navy } .ribbon-tms-dark-slate-gray span { background-color: #2f4f4f } .ribbon-tms-light-yellow span { background-color: #9805fa; } /* #endregion Ribbons */ /* #region Legendas */ .legends { display: flex; flex-wrap: wrap; margin-bottom: -5px; } .legends .legend:not(:first-child) { margin-left: .5rem; } .legends .legend { font-size: 12px; margin-bottom: 5px; } .legend.aqua { background-color: #4dffff !important; color: #333333; } .legend.green { background-color: #DFF0D8 !important; color: #356e35; } .legend.darkgreen { background-color: darkgreen; color: lightgreen; } .legend.red { background-color: #C1656560 !important; color: #C16565; } .legend.darkblue { background-color: darkblue !important; color: lightblue; } .legend.blue { background-color: #ADD8E630 !important; color: #7cbdd1; } .legend.gray { background-color: #66666660 !important; color: #666; } .legend.yellow { background-color: #ffff001f !important; color: #e0e018; } .legend.orange { background-color: #ff6a0030 !important; color: #ff6a00; } .legend.black { background-color: #000000 !important; color: #ffffff; } .legend.white { background-color: #ffffff; border: 1px solid #e0e0e0; color: #666666; } .mod-skin-dark .legend.white { background-color: #303136; border: 1px solid #c0c5c9; color: #c0c5c9; } .legend.purple { background-color: mediumpurple; color: rebeccapurple; } .legend.lightgreen { background-color: lightgreen; color: lightseagreen; } .legend.olivegreen { background-color: #556b2f; color: lightgreen; } .legend.darkseagreen { background-color: #8fbc8f; color: lightgreen; } .legend.lightyellow { background-color: lightyellow; color: black; } .legend.burlywood { background-color: #deb88730 !important; color: #deb887; } .legend.lightorange { background-color: darkorange; color: darkred; } .legend.ambar { background-color: orangered; color: darkred; } .legend.pink { background-color: deeppink; color: purple; } .legend.pastel-pink { background-color: #ffcccc; color: #ff6666; } .legend.cammo-green { background-color: #baba7b; color: #75753e; } .legend.darkgray { background-color: #7a7a7a; color: #cccccc; } .legend.sea-green { background-color: #7cbdb7; color: #407878; } @media (max-width: 575.98px) { .legends .legend:not(:first-child) { margin-left: 0; } } /* #endregion Legendas */ /* #region Cargas/Carga */ .detalhesCarga { position: relative; } .detalhesCarga-info { column-count: 2; line-height: 1.1; list-style: none; margin-bottom: 0; margin-right: 75px; padding-left: 0; } .detalhesCarga-info li { margin-bottom: 3px; } .detalhesCarga .alert { margin-bottom: 5px; } .detalhesCarga .table { table-layout: fixed; } .detalhesCarga .table td, .detalhesCarga .table th { white-space: normal; } /* #endregion Cargas/Carga */ /* #region Frota/Movimenta��oPneu */ .pneu { align-items: center; cursor: pointer; display: flex; flex-direction: column; margin: 0 8px 10px 0; position: relative; } .pneu-posicao { color: var(--theme-primary-200); font-size: 18px; font-weight: bold; left: 50%; position: absolute; transform: translate(-50%, -50%); top: 50%; } .pneu .ui-draggable-dragging { cursor: move; } .eixos { align-items: center; display: flex; flex-direction: column; user-select: none; } .eixos .eixo { display: flex; height: 140px; justify-content: space-between; margin-bottom: 20px; position: relative; width: 350px; } .eixos .eixo-img { position: absolute; top: 0; height: 100%; left: 0; width: 100%; } .eixos .eixo-numero { color: #ffffff; font-size: 20px; font-weight: bold; left: 50%; position: absolute; transform: translate(-50%, -50%); top: 50%; } .eixos .eixo-pneus { display: flex; height: 100%; width: 24.57142857%; } .eixos .eixo-pneus .pneu { height: 100%; margin: 0; width: 48.837209%; } .eixos .eixo-pneus .pneu:first-child:not(:only-child) { margin-right: 4%; } .eixos .eixo-pneus.esquerdo .pneu:only-child { margin-left: auto; margin-right: 0; } .estepes { display: flex; flex-wrap: wrap; margin: 50px auto 0; max-width: 100%; width: 350px; } .movimentacao { align-items: center; display: flex; flex-direction: column; } .movimentacao .movimentar { align-items: center; background-color: #008080; border-radius: 16px; box-shadow: 0 3px 10px #cccccc; -webkit-box-shadow: 0 3px 10px #cccccc; color: rgb(239, 239, 239); display: flex; flex-direction: column; height: 160px; justify-content: center; margin-bottom: 20px; max-width: 100%; position: relative; user-select: none; width: 160px; } .movimentacao .movimentar-icone { font-size: 60px; margin-bottom: 10px; } .envio-pneu-estoque-hover, .envio-pneu-reforma-hover, .envio-pneu-sucata-hover { opacity: 0.8; } .conteudo-pneu-hover { background-color: #ffffff; opacity: 0.3; } .listagem-pneus { display: flex; flex-wrap: wrap; } .pneu-tooltip { box-sizing: border-box; display: inline-block; height: 100%; left: 0; opacity: 0; position: absolute; top: 0; transition: opacity 1s; width: 100%; z-index: 1000; } .pneu-tooltip .pneu-tooltip-conteudo { background-color: var(--theme-primary-800); border-radius: 6px; box-shadow: 3px 10px 10px rgba(0,0,0,0.2); bottom: calc(100% + 8px); color: #fff; min-width: 250px; opacity: 0; padding: 15px 10px 10px; position: absolute; transition: opacity 0.4s; visibility: hidden; z-index: 1000; } .pneu-tooltip.pneu-tooltip-hover::after { border-color: var(--theme-primary-800) transparent transparent transparent; border-style: solid; border-width: 5px; bottom: 100%; content: ""; left: 50%; position: absolute; top: -8px; } .pneu-tooltip .pneu-tooltip-conteudo table { width: 100%; } .pneu-tooltip .pneu-tooltip-conteudo table tbody tr td:first-child { font-weight: bold; padding-right: 5px; } .pneu-tooltip-hover, .pneu-tooltip-hover .pneu-tooltip-conteudo { opacity: 1; visibility: visible; } .pneu-tooltip-posicao-1 .pneu-tooltip-conteudo { left: 0; } .pneu-tooltip-posicao-2 .pneu-tooltip-conteudo { left: -100%; } .pneu-tooltip-posicao-3 .pneu-tooltip-conteudo { left: -200%; } .pneu-tooltip-posicao-4 .pneu-tooltip-conteudo { left: -300%; } .pneu-tooltip-posicao-5 .pneu-tooltip-conteudo { right: -300%; } .pneu-tooltip-posicao-6 .pneu-tooltip-conteudo { right: -200%; } .pneu-tooltip-posicao-7 .pneu-tooltip-conteudo { right: -100%; } .pneu-tooltip-posicao-8 .pneu-tooltip-conteudo { right: 0; } /* #endregion Frota/Movimenta��oPneu */ /* #region Frota/Movimenta��oPlacas */ .card .movimento-ribbon { position: absolute; top: -8px; right: -60px; } .card.ui-draggable { z-index: 100; } #fdsReboques, #fdsMotoristas { background-color: var(--bs-gray-200); border-radius: 8px; min-height: 150px; } #divGridMotorista, #divGridReboque { /*background-color: #fff;*/ position: relative; } /* #endregion Frota/Movimenta��oPlacas */ /* #region Logistica/JanelaCarregamentoTransportador / PreCargas/PreCarga */ .carga { height: 100%; padding: 15px; position: relative; } .carga.pre-carga { cursor: pointer; } .carga.green { background-color: #DFF0D8 !important; color: #356e35; } .carga.green hr { border-bottom-color: #356e35; } .carga.red { background-color: #C1656560 !important; color: #C16565; } .carga.red hr { border-bottom-color: #C16565; } .carga.blue { background-color: #ADD8E630 !important; color: #7cbdd1; } .carga.blue hr { border-bottom-color: #7cbdd1; } .carga.gray { background-color: #66666660 !important; color: #666; } .carga.gray hr { border-bottom-color: #666; } .carga.yellow { background-color: #ffff001f !important; color: #e0e018; } .carga.yellow hr { border-bottom-color: #e0e018; } .carga.orange { background-color: #ff6a0030 !important; color: #ff6a00; } .carga.orange hr { border-bottom-color: #ff6a00; } .carga.black { background-color: #000000 !important; color: #ffffff; } .carga.black hr { border-bottom-color: #fff; } .carga.white { border: 1px solid #000; color: #000; } .carga.white hr { border-bottom-color: #000; } .carga.burlywood { background-color: #deb88730 !important; color: #deb887; } .carga.burlywood hr { border-bottom-color: #deb887; } /* #endregion Logistica/JanelaCarregamentoTransportador / PreCargas/PreCarga */ /* #region PreCargas/PreCarga */ .container-grid-fila-carregamento table.dataTable thead th { border-bottom-width: 2px; } .container-grid-fila-carregamento .dt-toolbar-footer { padding: 5px 10px; } .container-pre-cargas .pre-carga.exclusao-massiva, .container-pre-cargas .pre-carga.exclusao-massiva > header, .container-pre-cargas .pre-carga.exclusao-massiva > fieldset { background-color: #d7f0fd; color: #666; border-color: #78d1ff; } .container-pre-cargas .nao-supervisor.dados-informados, .container-pre-cargas .nao-supervisor.possui-carga { opacity: .6; } .container-pre-cargas .dados-informados { border-color: #ffa500; } .container-pre-cargas .dados-informados, .container-pre-cargas .dados-informados > header, .container-pre-cargas .dados-informados > fieldset { background-color: #ffdb99; } .container-pre-cargas .dados-informados:hover, .container-pre-cargas .dados-informados:hover > header, .container-pre-cargas .dados-informados:hover > fieldset { background-color: #ffd280; } .container-pre-cargas .dados-informados > header { border-bottom-color: #ffa500; } /* #endregion PreCargas/PreCarga */ /* #region Rating */ .rating { align-items: center; flex-direction: row-reverse; display: flex; justify-content: center; } .rating > input { display: none; } .rating > label:before { content: "\f005"; font-family: 'Font Awesome 5 Pro'; font-size: 1.25em; margin: 5px; } .rating > .half:before { content: "\f089"; position: absolute; } .rating > label { color: #bbb; cursor: pointer; } .rating > input:checked ~ label, /* show gold star when clicked */ .rating:not(:checked) > label:hover, /* hover current star */ .rating:not(:checked) > label:hover ~ label { color: #FFD700 !important; } .rating > input:checked + label:hover, /* hover current star when changing rating */ .rating > input:checked ~ label:hover, .rating > label:hover ~ input:checked ~ label, /* lighten current selection */ .rating > input:checked ~ label:hover ~ label { color: #FFED85 !important; } /* #endregion Rating */ /* #region Cargas/AcompanhamentoEntrega */ .acompanhamento-transito { background-color: #f9f9f9; border: 1px solid #d4d4d4; border-radius: 4px; display: flex; max-width: 100%; position: relative; overflow: hidden; width: max-content; } .acompanhamento-transito .emtransito { border: none; color: #fff; font-size: 16px; line-height: 46px; margin: 0; padding: 0 20px 0 30px; position: relative; } .acompanhamento-transito .emtransito::after { position: absolute; content: ''; top: 0; right: -14px; z-index: 1; display: block; border: 24px solid transparent; border-right-color: transparent; border-right-style: solid; border-right-width: 24px; border-left-color: transparent; border-left-style: solid; border-left-width: 24px; border-right: 0; border-left: 14px solid #d4d4d4; } .acompanhamento-transito .emtransito:last-child::after { display: none; } .acompanhamento-transito .emtransito.green { background-color: #739e73; border-color: #659265; } .acompanhamento-transito .emtransito.green::after { border-left-color: #739e73; } .acompanhamento-transito .emtransito.green:hover { color: #ffffff; background-color: #5b835b; border-color: #4c6e4c; } .acompanhamento-transito .emtransito.green:hover::after { border-left-color: #5b835b; } .acompanhamento-transito .emtransito.orange { background-color: #c79121; border-color: #b1811d; } .acompanhamento-transito .emtransito.orange::after { border-left-color: #c79121; } .acompanhamento-transito .emtransito.orange:hover { color: #ffffff; background-color: #9b711a; border-color: #7d5b15; } .acompanhamento-transito .emtransito.orange:hover::after { border-left-color: #9b711a; } .acompanhamento-transito .emtransito.red { background-color: #a90329; border-color: #900323; } .acompanhamento-transito .emtransito.red::after { border-left-color: #a90329; } .acompanhamento-transito .emtransito.red:hover { color: #ffffff; background-color: #77021d; border-color: #540114; } .acompanhamento-transito .emtransito.red:hover::after { border-left-color: #77021d; } .acompanhamento-transito .emtransito.blue { color: #ffffff; background-color: #2196F3; border-color: #2196F3; } .acompanhamento-transito .emtransito.blue::after { border-left-color: #2196F3; } .acompanhamento-transito .emtransito.blue:hover { color: #ffffff; background-color: #0c83e2; border-color: #0c83e2; } .acompanhamento-transito .emtransito.blue:hover::after { border-left-color: #0c83e2; } .acompanhamento-entrega { display: flex; justify-content: flex-start; overflow-x: scroll; padding-bottom: 15px; position: relative; width: 100%; } .acompanhamento-entrega .entrega { align-items: center; display: flex; flex-direction: column; min-width: max-content; overflow: hidden; position: relative; } .acompanhamento-entrega .entrega .btn { height: 38px; margin-bottom: 10px; } .acompanhamento-entrega .entrega span { position: relative; z-index: 2; font-size: 12px } .acompanhamento-entrega .caminhao { display: block; position: absolute; width: 18%; } .acompanhamento-entrega .linha { display: flex; flex-direction: column; flex-grow: 1; margin: 0 10px; text-align: center; } .acompanhamento-entrega .linha span { display: block; margin-top: 10px; width: 100%; } .acompanhamento-entrega .linha .linhaNaoEntregue { border-top: 5px solid #dbdbdb; } .acompanhamento-entrega .linha .linhaEntregue { border-top: 5px solid #266f35; } .acompanhamento-entrega .linha .linhaAtraso1 { border-top: 5px solid #C8912C; } .acompanhamento-entrega .linha .linhaAtraso3 { border-top: 5px solid #4c4f53; } .acompanhamento-entrega .linha .linhaAtraso2 { border-top: 5px solid #a90329; } .acompanhamento-entrega .saida { display: block; float: left; margin: 14px 0px 0px 10px; overflow: hidden; width: 13% } /* #endregion Cargas/AcompanhamentoEntrega */ /* #region SVG Map */ .svg-map a { text-decoration: none; } .svg-map text { fill: #fff; font: 12px Arial-BoldMT, sans-serif; } .svg-map .origemDestino path { fill: #473C8B; cursor: default; } .svg-map .origemDestino:hover text { cursor: default; } .svg-map .origemDestinoEnable path { fill: #473C8B; } .svg-map .origemDestinoEnable:hover { cursor: pointer; text-decoration: none; } .svg-map .origemDestinoEnable:hover path { fill: #6959CD !important; } .svg-map .destino path { fill: #2F4F4F; cursor: default; } .svg-map .destino:hover text { cursor: default; } .svg-map .destinoEnable path { fill: #2F4F4F; } .svg-map .destinoEnable:hover { cursor: pointer; text-decoration: none; } .svg-map .destinoEnable:hover path { fill: #696969 !important; } .svg-map .origem path { fill: #0000CD; cursor: default; } .svg-map .origem:hover text { cursor: default; } .svg-map .origemEnable path { fill: #0000CD; } .svg-map .origemEnable:hover { cursor: pointer; text-decoration: none; } .svg-map .origemEnable:hover path { fill: #0000FF !important; } .svg-map .passagem path { fill: #228B22; } .svg-map .passagem:hover { cursor: pointer; text-decoration: none; } .svg-map .passagem:hover path { fill: #00CD00 !important; } .svg-map .default:hover .circle { cursor: pointer; } .svg-map .passagemDisable path { fill: #228B22; cursor: default; } .svg-map .passagemDisable:hover text { cursor: default; } .svg-map .defaultEnable path { fill: #66CDAA; } .svg-map .defaultEnable:hover { cursor: pointer; text-decoration: none; } .svg-map .defaultEnable:hover path { fill: #76EEC6 !important; } .svg-map .default:hover .circle { cursor: pointer; } .svg-map .default path { fill: #66CDAA; cursor: default; } .svg-map .default:hover text { cursor: default; } .svg-map .default:hover .circle { /*fill: #3B8686 !important;*/ cursor: default; } /* #endregion SVG Map */ /* #region Modal */ @media (min-width:1600px) { .modal-xl { max-width: 1340px } } @media (min-width:1800px) { .modal-xl { max-width: 1540px } } .mod-skin-dark .modal-header .btn-close { color: #fff; } /* #endregion Modal */ /* #region Carousel */ .carousel-control-prev, .carousel-control-next { width: 30px; } .carousel-control-small { height: 30px; } .carousel-item-title { background-color: #eeeeee; min-height: 30px; padding: 0 30px; text-align: center; } .mod-skin-dark .carousel-item-title { background-color: #5e646b; } .carousel-item-title span { font-size: 15px; font-weight: bold; line-height: 30px; } /* #endregion Carousel */ /* #region Accordion */ .accordion-danger .accordion-item { border-color: #fe9ecb; } .accordion-danger .accordion-item .accordion-header .accordion-button { background-color: #ffe5f1; color: #e7026e; } .accordion-danger .accordion-item .accordion-header .accordion-button::after { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23e7026e'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e"); } .accordion-danger .accordion-item .accordion-header .accordion-button:not(.collapsed)::after { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23e7026e'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e"); } .mod-skin-dark:not(.mod-skin-light) .accordion-item { background-color: #383b40; border-color: rgba(255, 255, 255, 0.15); } .mod-skin-dark:not(.mod-skin-light) .accordion-item .accordion-button { background-color: #383b40; border-color: rgba(255, 255, 255, 0.15); color: #a3acb5; } .mod-skin-dark:not(.mod-skin-light) .accordion-item .accordion-button:not(.collapsed) { color: #ffffff; } /* #endregion Accordion */ /* #region Cores de Fonte */ .font-ambar { color: #b36200; } .font-cyan { color: #016f65; } .mod-skin-dark .font-ambar { color: #ff981a; } .mod-skin-dark .font-cyan { color: #02cab9; } /* #endregion Cores de Fonte */ /* #region Layout Antigo */ .legendColor { width: 18px; height: 18px; border-radius: 10px; } .legendColorSquare { border-radius: 0; } .txt-ellipsis { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } @-webkit-keyframes blinker { from { opacity: 1.0; } to { opacity: 0.0; } } .blink { text-decoration: blink; -webkit-animation: blinker 0.6s ease-in-out 1s infinite alternate; animation: blinker 0.6s ease-in-out 1s infinite alternate } .text-align-center, .text-center { text-align: center !important; } .text-align-left, .text-left { text-align: left !important; } .text-align-right, .text-right { text-align: right !important; } .disable-text-selection { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } /* #endregion Layout Antigo */ /* #region Colored Box */ .box-primary { padding: 16px 20px; border: 1px solid; border-radius: 4px; border-color: rgba(var(--theme-rgb-primary), 0.6); background: rgba(var(--theme-rgb-primary), 0.2); color: var(--theme-primary-500); } .mod-skin-dark .box-primary { color: var(--theme-primary-100); } .box-primary:not(:first-child) { margin-top: 20px; } /* #endregion Colored Box */ /* #region Campos de Detalhes */ .campo-detalhes-container { overflow: hidden; } .campo-detalhes-container > div:first-child { margin-right: -1px; } .campo-detalhes-coluna-container .campo-detalhes-coluna { border-bottom: 1px solid #e9e9e9; border-right: 1px solid #e9e9e9; padding: 0.3rem 0.5rem; position: relative; } .mod-skin-dark:not(.mod-skin-light) .campo-detalhes-coluna-container .campo-detalhes-coluna { border-color: rgba(255, 255, 255, 0.25); } .campo-detalhes-coluna-container .campo-detalhes-coluna .campo-detalhes-label, .campo-detalhes-coluna-container .campo-detalhes-coluna .campo-detalhes-descricao { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; } .campo-detalhes-coluna-container .campo-detalhes-coluna .campo-detalhes-label span, .campo-detalhes-coluna-container .campo-detalhes-coluna .campo-detalhes-descricao span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .campo-detalhes-coluna-container .campo-detalhes-coluna .campo-detalhes-label span { font-weight: bold; } .campo-detalhes-coluna-container .campo-detalhes-coluna .campo-detalhes-descricao span { flex: 1 1 auto; width: 1%; -webkit-box-flex: 1; } /* #endregion Campos de Detalhes */ /* #region Imagem de Canhoto */ .img-canhoto { border: 1px solid #d0d0d0; border-radius: 3px; } .sem-imagem-canhoto { background-image: url(/img/sem_foto.jpg); background-position: center; background-repeat: no-repeat; background-size: contain; height: 150px; width: 100%; } /* #endregion Imagem de Canhoto */ /* #beginregion P�gina Inicial */ #inicial .panel { background-color: #F6F7FB; } #inicial .panel.transparent { background-color: transparent !important; border: none; box-shadow: none; } #inicial .panel.transparent .panel-hdr { background-color: transparent !important; } #inicial .panel.transparent .panel-hdr-icon { align-items: center; background-color: var(--theme-primary-600); border-radius: 50%; color: var(--theme-primary-100); display: flex; font-size: 18px; height: 32px; justify-content: center; margin: 0 1rem 0 0; min-height: 32px; padding: 0; width: 32px; } #inicial .panel.transparent .panel-hdr h2 { font-size: 18px; font-weight: bold; } #inicial .panel.transparent .panel-container { background-color: #fff; border-radius: 4px; box-shadow: 0px 0px 13px 0px rgba(62, 44, 90, 0.08); } #inicial .panel-hdr { background-color: #F6F7FB; border-bottom: none; } #inicial h1 { font-weight: bold; } #inicial .alert-info { align-items: center; display: flex; } #inicial .logo { align-items: center; display: flex; justify-content: center; height: 100%; } #inicial .logo img { max-height: 100%; max-width: 100%; } #inicial .acesso-rapido .acesso-rapido-titulo { font-size: 16px; margin-bottom: 15px; } #inicial .acesso-rapido ul { align-items: flex-start; background-color: #fff; border-radius: 8px; display: flex; list-style: none; margin: 0; overflow-x: scroll; padding: 25px 15px; } #inicial .acesso-rapido ul li:not(:last-child) { margin-right: 30px; } #inicial .acesso-rapido .acesso { align-items: center; display: flex; flex-direction: column; } #inicial .acesso-rapido .acesso-icon { align-items: center; background: var(--theme-primary-50); border-radius: 50%; box-shadow: 0 4px 8px rgba(0,0,0, .2); color: var(--theme-primary-700); display: flex; font-size: 22px; height: 55px; justify-content: center; margin-bottom: 10px; min-width: 55px; transition: all .3s ease; width: 55px; } #inicial .acesso-rapido .acesso:hover .acesso-icon { transform: scale(1.1); } #inicial .acesso-rapido .acesso-title { text-align: center; } #inicial .dashboard { background-color: #FFF; border-radius: 4px; box-shadow: 4px 8px 16px rgba(0,0,0,.2); height: 100%; padding: 25px 15px; } #inicial .dashboard-title { font-size: 18px; font-weight: bold; margin-bottom: 25px; } #inicial .dashboard-data { align-items: center; display: flex; justify-content: space-between; margin-bottom: 10px; } #inicial .dashboard-data--number { font-size: 40px; font-weight: bold; } #inicial .dashboard-info { text-align: center; } #inicial .dashboard-info p { margin-bottom: 0; } #inicial .dashboard.acessar { align-items: center; display: flex; flex-direction: column; justify-content: center; } #inicial .dashboard.acessar .acessar-icon { margin-bottom: 10px; } .mod-skin-dark #inicial .panel { background-color: var(--bs-dark); } .mod-skin-dark #inicial .panel .panel-hdr { background-color: var(--bs-dark); } .mod-skin-dark #inicial .panel .panel-container { background-color: var(--bs-dark); } .mod-skin-dark #inicial h1 { color: #fff; } .mod-skin-dark #inicial .dashboard { background-color: var(--bs-gray-800); } .mod-skin-dark #inicial .dashboard-title { color: #fff; } .mod-skin-dark #inicial .dashboard-data--number { color: #fff; } .mod-skin-dark #inicial .dashboard-info { color: #fff; } .mod-skin-dark #inicial .dashboard.acessar .btn { color: #fff; } .mod-skin-dark #inicial .acesso-rapido .acesso-rapido-titulo { color: #fff; } .mod-skin-dark #inicial .acesso-rapido ul { background-color: var(--bs-gray-800); } .mod-skin-dark #inicial .acesso-rapido .acesso { color: #fff; } @media (max-width: 991.98px) { #inicial .alert-info { flex-direction: column; } } @media (max-width: 767.98px) { #inicial .logo { margin-bottom: 25px; } } /* #endregion P�gina Inicial*/ /*bootstrap-select*/ .bootstrap-select > .dropdown-toggle { color: #212529; background-color: #fff; background-clip: padding-box; border: 1px solid #E5E5E5; } .bootstrap-select > .dropdown-toggle:focus { border-color: var(--theme-primary-600); box-shadow: none; -webkit-box-shadow: none; } .mod-skin-dark:not(.mod-skin-light) .bootstrap-select > .dropdown-toggle { color: #ffffff; background-color: rgba(32, 33, 37, 1); border-color: rgba(25, 25, 28, 1); } .mod-skin-dark:not(.mod-skin-light) .bootstrap-select > .dropdown-toggle:focus { border-color: var(--theme-primary-600); box-shadow: none; -webkit-box-shadow: none; } /*end bootstrap-select*/ /*start Dash Documenta��o*/ .dash-documentacao img { max-width: 100%; } .dash-documentacao .navios { background: transparent; border: none; text-align: left; width: 100%; } .dash-documentacao .navios-nome { display: block; font-size: 18px; margin-bottom: 5px; } .dash-documentacao .navios-data--number { margin-bottom: 0px; margin-left: 20px; font-size: 60px; font-weight: 400; color: #808080; } .dash-documentacao .navios-icon { align-items: center; border: 2px solid transparent; border-radius: 8px; box-shadow: 1px 4px 8px 0px rgba(0,0,0,.2); display: flex; height: 155px; justify-content: center; transition: all .3s ease; } .dash-documentacao .navios-icon img { width: 90px; } .dash-documentacao .navios:hover .navios-icon { box-shadow: 1px 4px 8px 0px rgba(0,0,0,.4); } .dash-documentacao .card { background-color: #F6F7FB; } .dash-documentacao .card-header { align-items: center; background-color: transparent; border: none; display: flex; justify-content: space-between; } .dash-documentacao .card-header--title { font-size: 16px; font-weight: bold; margin-bottom: 0; margin-right: 30px; } .dash-documentacao .card-header time { display: block; font-size: 16px; min-width: max-content; } .dash-documentacao .card-header time img { margin-left: 5px; width: 30px; } .dash-documentacao .card-body { padding-top: 5px; } .dash-documentacao .card-city { background-color: #fff; border-radius: 8px; font-size: 14px; padding: 5px 10px; text-align: center; } .dash-documentacao .card-booking { background-color: #fff; border-radius: 8px; padding: 5px 10px; align-items: center; display: flex; justify-content: space-between; margin: 5px 0; } .dash-documentacao .card-booking span { font-size: 16px; } .dash-documentacao .card-booking b { font-size: 14px; } .dash-documentacao .card .graficos { display: flex; flex-direction: column; height: 540px; overflow-y: scroll; } .dash-documentacao .card .grafico { flex: 1; align-items: center; background-color: #fff; border-radius: 8px; display: flex; margin: 5px 0; padding: 0px 15px; } .dash-documentacao .card .graficos { overflow: hidden; } .dash-documentacao .card .grafico-title { flex: 1; font-size: 18px; font-weight: bold; } .dash-documentacao .card .grafico-legend { flex: 1; list-style: none; padding-left: 20px; margin-top: 10px; } .dash-documentacao .card .grafico-legend li { padding: 5px 0px; } .dash-documentacao .card .grafico-legend li button { align-items: center; background-color: transparent; border: none; display: flex; padding: 3px; } .dash-documentacao .card .grafico-legend span { border-radius: 50%; display: block; height: 25px; margin-right: 10px; min-width: 25px; width: 25px; } .dash-documentacao .card .grafico-pie { flex: 1; position: relative; width: 150px; } .dash-documentacao .card .grafico-pie-mercante { flex: 1; position: relative; width: 150px; } .dash-documentacao .card .grafico-pie .ct-series-a path { fill: #FBC919; } .dash-documentacao .card .grafico-pie-mercante .ct-series-a path { fill: #FBC919; } .dash-documentacao .card .grafico-pie-mercante .ct-series-b path { fill: #14A884; } .dash-documentacao .card .grafico-pie .ct-series-b path { fill: #0F4C82; } .dash-documentacao .card .grafico-pie .ct-series-c path { fill: #DC3545; } .dash-documentacao .card .grafico-pie .ct-series-d path { fill: #14A884; } .dash-documentacao .card .grafico-pie--number { position: absolute; top: 50%; font-size: 22px; text-align: center; transform: translateY(-50%); width: 100%; } .dash-documentacao .card-mfe { align-items: center; background-color: #D0DEE8; border-radius: 8px; display: flex; font-size: 16px; justify-content: space-between; margin-top: 10px; padding: 5px 10px; } .dash-documentacao-yellow { background-color: #FBC919; } .dash-documentacao-blue { background-color: #0F4C82; } .dash-documentacao-red { background-color: #DC3545; } .dash-documentacao-green { background-color: #14A884; } .mod-skin-dark .dash-documentacao .navios-nome, .mod-skin-dark .dash-documentacao .card .grafico-legend li button { color: #fff; } .mod-skin-dark .dash-documentacao .card-city, .mod-skin-dark .dash-documentacao .card .grafico { background-color: #26272b; } .mod-skin-dark .dash-documentacao .card-mfe { color: #000; } @media (max-width: 575.98px) { .dash-documentacao .card-header { flex-direction: column; } .dash-documentacao .card-header--title { margin-bottom: 10px; margin-right: 0; } .dash-documentacao .card .grafico { flex-direction: column; } } /*end Dash Documenta��o*/