File "project.min.css.map"
Full Path: /home/humancap/cl.humancap.com.my/documentation/assets/stylesheets/maps/project.min.css.map
File size: 62.16 KB
MIME-type: text/plain
Charset: utf-8
{"version":3,"sources":["_sidebar.scss","../../../node_modules/bootstrap/scss/mixins/_breakpoints.scss","project.css","_components.scss","_svg-url-encoder.scss","project.scss"],"names":[],"mappings":"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","file":"../project.min.css","sourcesContent":["/* custom variables*/\r\n$sidebar-spacer-x: 20px;\r\n$sidebar-spacer-y: 7px;\r\n$font-size-xs: 0.84375rem;\r\n$font-weight-semibold: 500;\r\n$default-text-shadow: 0 0 1px rgba(0, 0, 0, 0.5);\r\n\r\n:root {\r\n --sidebar-width: 240px;\r\n}\r\n\r\n#sidebar-main {\r\n position: fixed;\r\n height: 100%;\r\n top: 4rem;\r\n width: var(--sidebar-width);\r\n margin-left: calc(var(--sidebar-width) * -1);\r\n padding-top: 0;\r\n padding-bottom: 0;\r\n z-index: 2;\r\n transition: margin-left 0.15s ease-in-out;\r\n}\r\n\r\n.sidebar-backdrop.fade {\r\n opacity: 0;\r\n &.show {\r\n opacity: var(--bs-backdrop-opacity);\r\n }\r\n}\r\n.sidebar-backdrop {\r\n position: fixed;\r\n top: 0;\r\n left: 0;\r\n z-index: 1;\r\n width: 100vw;\r\n height: 100vh;\r\n background-color: rgba(0, 0, 0, 0.5);\r\n}\r\n\r\n#content-wrapper {\r\n width: 100%;\r\n}\r\n\r\n.sidebar-open {\r\n #sidebar-main {\r\n margin-left: 0;\r\n }\r\n}\r\n\r\n@include media-breakpoint-up(md) {\r\n .sidebar-backdrop {\r\n display: none;\r\n }\r\n #sidebar-main {\r\n position: sticky !important;\r\n height: 100vh !important;\r\n margin-left: 0;\r\n }\r\n\r\n .sidebar-collapsed {\r\n #sidebar-main {\r\n margin-left: calc(var(--sidebar-width) * -1);\r\n }\r\n #content-wrapper {\r\n width: 100%;\r\n }\r\n }\r\n\r\n #content-wrapper {\r\n width: calc(100% - var(--sidebar-width));\r\n transition: width 0.15s ease-in-out;\r\n }\r\n}\r\n\r\n.sidebar {\r\n vertical-align: top;\r\n border-radius: 0;\r\n h4,\r\n h5,\r\n h6,\r\n small,\r\n .category-title span,\r\n .sidebar-user span {\r\n display: block;\r\n }\r\n\r\n .sidebar-category {\r\n width: 100%;\r\n }\r\n\r\n .sidebar-toggler {\r\n position: absolute;\r\n top: 10px;\r\n right: 10px;\r\n }\r\n\r\n .category-title {\r\n position: relative;\r\n margin: 0;\r\n display: block;\r\n border-bottom-style: solid;\r\n border-bottom-width: 1px;\r\n > a {\r\n display: block;\r\n text-decoration: none;\r\n padding: 12px 20px;\r\n font-weight: $font-weight-semibold;\r\n font-size: $font-size-xs;\r\n text-transform: uppercase;\r\n }\r\n }\r\n\r\n .category-content {\r\n position: relative;\r\n\r\n .navbar-nav {\r\n position: relative;\r\n margin: 0;\r\n padding: $sidebar-spacer-y 0;\r\n\r\n li {\r\n position: relative;\r\n list-style: none;\r\n\r\n span.nav-text {\r\n display: inline-block;\r\n }\r\n\r\n > a {\r\n font-size: 0.875rem;\r\n padding: $sidebar-spacer-y $sidebar-spacer-x;\r\n transition: background 0.15s linear, color 0.15s linear;\r\n\r\n > [class*=\"svg-inline\"] {\r\n float: left;\r\n top: 0;\r\n margin-top: 2px;\r\n margin-right: 15px;\r\n transition: opacity 0.2s ease-in-out;\r\n }\r\n }\r\n\r\n ul {\r\n padding: 0;\r\n\r\n > li a {\r\n padding-left: $spacer * 2.75;\r\n }\r\n }\r\n }\r\n\r\n > li > a {\r\n font-weight: $font-weight-semibold;\r\n }\r\n }\r\n }\r\n\r\n $dark-color: rgb(46, 46, 46);\r\n &.bg-dark {\r\n .sidebar-toggler {\r\n background-image: url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='#{lighten($dark-color, 95)}'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e\");\r\n }\r\n .sidebar-category.active {\r\n .category-title {\r\n background-color: lighten($dark-color, 3);\r\n > a {\r\n color: lighten($dark-color, 95);\r\n }\r\n }\r\n }\r\n .category-title {\r\n border-bottom-color: lighten($dark-color, 8);\r\n > a {\r\n color: lighten($dark-color, 60);\r\n }\r\n }\r\n\r\n .category-content {\r\n color: lighten($dark-color, 45);\r\n .navbar-nav li a {\r\n color: lighten($dark-color, 45);\r\n &.active,\r\n &[aria-expanded=\"true\"],\r\n &:hover,\r\n &:focus {\r\n color: $white;\r\n background-color: lighten($dark-color, 20);\r\n }\r\n }\r\n &.collapsing,\r\n .navbar-nav.show {\r\n background-color: rgb(28,28,28);\r\n border-bottom: 1px solid lighten($dark-color, 8);\r\n }\r\n }\r\n }\r\n}\r\n","// Breakpoint viewport sizes and media queries.\n//\n// Breakpoints are defined as a map of (name: minimum width), order from small to large:\n//\n// (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px, xxl: 1400px)\n//\n// The map defined in the `$grid-breakpoints` global variable is used as the `$breakpoints` argument by default.\n\n// Name of the next breakpoint, or null for the last breakpoint.\n//\n// >> breakpoint-next(sm)\n// md\n// >> breakpoint-next(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px, xxl: 1400px))\n// md\n// >> breakpoint-next(sm, $breakpoint-names: (xs sm md lg xl xxl))\n// md\n@function breakpoint-next($name, $breakpoints: $grid-breakpoints, $breakpoint-names: map-keys($breakpoints)) {\n $n: index($breakpoint-names, $name);\n @if not $n {\n @error \"breakpoint `#{$name}` not found in `#{$breakpoints}`\";\n }\n @return if($n < length($breakpoint-names), nth($breakpoint-names, $n + 1), null);\n}\n\n// Minimum breakpoint width. Null for the smallest (first) breakpoint.\n//\n// >> breakpoint-min(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px, xxl: 1400px))\n// 576px\n@function breakpoint-min($name, $breakpoints: $grid-breakpoints) {\n $min: map-get($breakpoints, $name);\n @return if($min != 0, $min, null);\n}\n\n// Maximum breakpoint width.\n// The maximum value is reduced by 0.02px to work around the limitations of\n// `min-` and `max-` prefixes and viewports with fractional widths.\n// See https://www.w3.org/TR/mediaqueries-4/#mq-min-max\n// Uses 0.02px rather than 0.01px to work around a current rounding bug in Safari.\n// See https://bugs.webkit.org/show_bug.cgi?id=178261\n//\n// >> breakpoint-max(md, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px, xxl: 1400px))\n// 767.98px\n@function breakpoint-max($name, $breakpoints: $grid-breakpoints) {\n $max: map-get($breakpoints, $name);\n @return if($max and $max > 0, $max - .02, null);\n}\n\n// Returns a blank string if smallest breakpoint, otherwise returns the name with a dash in front.\n// Useful for making responsive utilities.\n//\n// >> breakpoint-infix(xs, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px, xxl: 1400px))\n// \"\" (Returns a blank string)\n// >> breakpoint-infix(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px, xxl: 1400px))\n// \"-sm\"\n@function breakpoint-infix($name, $breakpoints: $grid-breakpoints) {\n @return if(breakpoint-min($name, $breakpoints) == null, \"\", \"-#{$name}\");\n}\n\n// Media of at least the minimum breakpoint width. No query for the smallest breakpoint.\n// Makes the @content apply to the given breakpoint and wider.\n@mixin media-breakpoint-up($name, $breakpoints: $grid-breakpoints) {\n $min: breakpoint-min($name, $breakpoints);\n @if $min {\n @media (min-width: $min) {\n @content;\n }\n } @else {\n @content;\n }\n}\n\n// Media of at most the maximum breakpoint width. No query for the largest breakpoint.\n// Makes the @content apply to the given breakpoint and narrower.\n@mixin media-breakpoint-down($name, $breakpoints: $grid-breakpoints) {\n $max: breakpoint-max($name, $breakpoints);\n @if $max {\n @media (max-width: $max) {\n @content;\n }\n } @else {\n @content;\n }\n}\n\n// Media that spans multiple breakpoint widths.\n// Makes the @content apply between the min and max breakpoints\n@mixin media-breakpoint-between($lower, $upper, $breakpoints: $grid-breakpoints) {\n $min: breakpoint-min($lower, $breakpoints);\n $max: breakpoint-max($upper, $breakpoints);\n\n @if $min != null and $max != null {\n @media (min-width: $min) and (max-width: $max) {\n @content;\n }\n } @else if $max == null {\n @include media-breakpoint-up($lower, $breakpoints) {\n @content;\n }\n } @else if $min == null {\n @include media-breakpoint-down($upper, $breakpoints) {\n @content;\n }\n }\n}\n\n// Media between the breakpoint's minimum and maximum widths.\n// No minimum for the smallest breakpoint, and no maximum for the largest one.\n// Makes the @content apply only to the given breakpoint, not viewports any wider or narrower.\n@mixin media-breakpoint-only($name, $breakpoints: $grid-breakpoints) {\n $min: breakpoint-min($name, $breakpoints);\n $next: breakpoint-next($name, $breakpoints);\n $max: breakpoint-max($next, $breakpoints);\n\n @if $min != null and $max != null {\n @media (min-width: $min) and (max-width: $max) {\n @content;\n }\n } @else if $max == null {\n @include media-breakpoint-up($name, $breakpoints) {\n @content;\n }\n } @else if $min == null {\n @include media-breakpoint-down($next, $breakpoints) {\n @content;\n }\n }\n}\n","/* ------------------------------------------------------------------------------\n *\n * # Main project sass file\n *\n * Common sass file with imports\n *\n * Version: 2.0\n * Latest update: Dec 28, 2022\n *\n * ---------------------------------------------------------------------------- */\n/* Custom PHPCG colors */\n/*=============================================\r\n= set your colors here =\r\n=============================================*/\n/* $blue: #27619f;\r\n// $indigo: #3f51b5;\r\n// $purple: #9c27b0;\r\n// $pink: #e91e63;\r\n$red: #f44336;\r\n// $orange: #ff9800;\r\n$yellow: #ffc107;\r\n$green: #4caf50;\r\n// $teal: #009688;\r\n$cyan: #00bcd4;\r\n$gray: #A1BBD6;\r\n$gray-dark: #232B33; */\n/*=============================================\r\n= set your theme colors here =\r\n=============================================*/\n/* sidebar */\n/* custom variables*/\n:root {\n --sidebar-width: 240px; }\n\n#sidebar-main {\n position: fixed;\n height: 100%;\n top: 4rem;\n width: var(--sidebar-width);\n margin-left: calc(var(--sidebar-width) * -1);\n padding-top: 0;\n padding-bottom: 0;\n z-index: 2;\n transition: margin-left 0.15s ease-in-out; }\n\n.sidebar-backdrop.fade {\n opacity: 0; }\n .sidebar-backdrop.fade.show {\n opacity: var(--bs-backdrop-opacity); }\n\n.sidebar-backdrop {\n position: fixed;\n top: 0;\n left: 0;\n z-index: 1;\n width: 100vw;\n height: 100vh;\n background-color: rgba(0, 0, 0, 0.5); }\n\n#content-wrapper {\n width: 100%; }\n\n.sidebar-open #sidebar-main {\n margin-left: 0; }\n\n@media (min-width: 768px) {\n .sidebar-backdrop {\n display: none; }\n #sidebar-main {\n position: sticky !important;\n height: 100vh !important;\n margin-left: 0; }\n .sidebar-collapsed #sidebar-main {\n margin-left: calc(var(--sidebar-width) * -1); }\n .sidebar-collapsed #content-wrapper {\n width: 100%; }\n #content-wrapper {\n width: calc(100% - var(--sidebar-width));\n transition: width 0.15s ease-in-out; } }\n\n.sidebar {\n vertical-align: top;\n border-radius: 0; }\n .sidebar h4,\n .sidebar h5,\n .sidebar h6,\n .sidebar small,\n .sidebar .category-title span,\n .sidebar .sidebar-user span {\n display: block; }\n .sidebar .sidebar-category {\n width: 100%; }\n .sidebar .sidebar-toggler {\n position: absolute;\n top: 10px;\n right: 10px; }\n .sidebar .category-title {\n position: relative;\n margin: 0;\n display: block;\n border-bottom-style: solid;\n border-bottom-width: 1px; }\n .sidebar .category-title > a {\n display: block;\n text-decoration: none;\n padding: 12px 20px;\n font-weight: 500;\n font-size: 0.84375rem;\n text-transform: uppercase; }\n .sidebar .category-content {\n position: relative; }\n .sidebar .category-content .navbar-nav {\n position: relative;\n margin: 0;\n padding: 7px 0; }\n .sidebar .category-content .navbar-nav li {\n position: relative;\n list-style: none; }\n .sidebar .category-content .navbar-nav li span.nav-text {\n display: inline-block; }\n .sidebar .category-content .navbar-nav li > a {\n font-size: 0.875rem;\n padding: 7px 20px;\n transition: background 0.15s linear, color 0.15s linear; }\n .sidebar .category-content .navbar-nav li > a > [class*=\"svg-inline\"] {\n float: left;\n top: 0;\n margin-top: 2px;\n margin-right: 15px;\n transition: opacity 0.2s ease-in-out; }\n .sidebar .category-content .navbar-nav li ul {\n padding: 0; }\n .sidebar .category-content .navbar-nav li ul > li a {\n padding-left: 2.75rem; }\n .sidebar .category-content .navbar-nav > li > a {\n font-weight: 500; }\n .sidebar.bg-dark .sidebar-toggler {\n background-image: url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='white'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e\"); }\n .sidebar.bg-dark .sidebar-category.active .category-title {\n background-color: #363636; }\n .sidebar.bg-dark .sidebar-category.active .category-title > a {\n color: white; }\n .sidebar.bg-dark .category-title {\n border-bottom-color: #424242; }\n .sidebar.bg-dark .category-title > a {\n color: #c7c7c7; }\n .sidebar.bg-dark .category-content {\n color: #a1a1a1; }\n .sidebar.bg-dark .category-content .navbar-nav li a {\n color: #a1a1a1; }\n .sidebar.bg-dark .category-content .navbar-nav li a.active, .sidebar.bg-dark .category-content .navbar-nav li a[aria-expanded=\"true\"], .sidebar.bg-dark .category-content .navbar-nav li a:hover, .sidebar.bg-dark .category-content .navbar-nav li a:focus {\n color: #fff;\n background-color: #616161; }\n .sidebar.bg-dark .category-content.collapsing,\n .sidebar.bg-dark .category-content .navbar-nav.show {\n background-color: #1c1c1c;\n border-bottom: 1px solid #424242; }\n\n/* components*/\n/*====================================================\n= timeline list + badge-circle =\n====================================================*/\n.badge-circle {\n display: flex;\n justify-content: center;\n align-items: center;\n position: relative;\n left: -27px;\n top: -26px;\n height: 50px;\n width: 50px;\n min-width: 50px;\n font-size: 16.66667px;\n border-radius: 50%; }\n\n.list-timeline {\n padding-left: 25px;\n padding-top: 25px; }\n .list-timeline > li {\n border-left: 4px solid #ddd; }\n .list-timeline > li .timeline-content {\n position: relative;\n top: -0.75em; }\n .list-timeline > li:last-child {\n border-left: 4px solid transparent; }\n\n/* $grid-gutter-width: 30px !default;*/\na.has-overlay .img-overlay,\na.has-overlay .card-body {\n position: relative; }\n a.has-overlay .img-overlay .btn,\n a.has-overlay .card-body .btn {\n position: relative; }\n a.has-overlay .img-overlay.img-overlay:after, a.has-overlay .img-overlay.card-body:before,\n a.has-overlay .card-body.img-overlay:after,\n a.has-overlay .card-body.card-body:before {\n content: \" \";\n display: block;\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: rgba(0, 0, 0, 0.67);\n transition: background 150ms ease-in; }\n\na.has-overlay:hover .img-overlay:after,\na.has-overlay:hover .card-body:before {\n background: rgba(0, 0, 0, 0); }\n\n/*=============================================\n= Global caret settings =\n=============================================*/\n.dropdown-toggle:not(.sidebar-toggler):after {\n line-height: 1.5rem;\n position: absolute;\n top: calc(50% - 7px);\n right: 1rem;\n display: block;\n width: 7px;\n height: 14px;\n margin: 0;\n content: \" \";\n transition: transform 0.2s ease-in-out;\n transform: rotate(0deg);\n border: none;\n background-repeat: no-repeat; }\n\n.dropdown-toggle {\n position: relative;\n padding-right: 2.5rem !important; }\n .dropdown-toggle:not(.dropdown-light):after {\n background-image: url(\"data:image/svg+xml,%3Csvg aria-hidden='true' data-fa-processed='' data-prefix='fas' data-icon='angle-right' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 512' class='svg-inline--fa fa-angle-right fa-w-8 fa-2x'%3E%3Cpath fill='%238c8476' d='M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z' class=''%3E%3C/path%3E%3C/svg%3E\"); }\n .dropdown-toggle.dropdown-light:after {\n background-image: url(\"data:image/svg+xml,%3Csvg aria-hidden='true' data-fa-processed='' data-prefix='fas' data-icon='angle-right' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 512' class='svg-inline--fa fa-angle-right fa-w-8 fa-2x'%3E%3Cpath fill='%23f4f3f1' d='M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z' class=''%3E%3C/path%3E%3C/svg%3E\"); }\n .dropdown-toggle[aria-expanded=\"true\"]:after {\n transform: rotate(90deg); }\n\n/*==========================================================================\n= Filetree (http://jsfiddle.net/mehmetatas/fXzHS/2/) =\n==========================================================================*/\n.tree li {\n margin: 0px 0;\n list-style-type: none;\n position: relative;\n padding: 20px 5px 0px 5px; }\n .tree li small {\n display: inline-block; }\n\n.tree li::before {\n content: \"\";\n position: absolute;\n top: 0;\n width: 1px;\n height: 100%;\n right: auto;\n left: -20px;\n border-left: 1px solid #ccc;\n bottom: 50px; }\n\n.tree li::after {\n content: \"\";\n position: absolute;\n top: 30px;\n width: 25px;\n height: 20px;\n right: auto;\n left: -20px;\n border-top: 1px solid #ccc; }\n\n.tree li a[href=\"#\"] {\n display: inline-block;\n vertical-align: top;\n padding: 5px 10px;\n text-decoration: none;\n color: #666;\n font-family: arial, verdana, tahoma, sans-serif;\n font-size: 11px;\n border-radius: 3px;\n -webkit-border-radius: 3px;\n -moz-border-radius: 3px; }\n .tree li a[href=\"#\"].folder {\n background: #ffe79c;\n border: 1px solid #ffc203; }\n .tree li a[href=\"#\"] ~ ul li a.folder ~ ul li a.folder {\n background: #fff3cf;\n border: 1px solid #ffdb69; }\n .tree li a[href=\"#\"] ~ ul li a.folder ~ ul li a.folder ~ ul li a.folder {\n background: #fffdf8;\n border: 1px solid #ffe79c; }\n .tree li a[href=\"#\"].file {\n background: #d2f1f7;\n border: 1px solid #0aa1c0; }\n .tree li a[href=\"#\"] ~ ul li a.folder ~ ul li a.folder ~ ul li a.file {\n background: white;\n border: 1px solid #62def7; }\n\n/*Remove connectors before root*/\n.tree > ul > li::before,\n.tree > ul > li::after {\n border: 0; }\n\n/*Remove connectors after last child*/\n.tree li:last-child::before {\n height: 30px; }\n\n/*Time for some hover effects*/\n/*We will apply the hover effect the the lineage of the element also*/\n.tree li a:hover,\n.tree li a:hover + ul li a {\n color: #000; }\n .tree li a:hover.folder,\n .tree li a:hover + ul li a.folder {\n background: #ffdb69;\n border: 1px solid #cf9d00; }\n .tree li a:hover.file,\n .tree li a:hover + ul li a.file {\n background: #a7e3ef;\n border: 1px solid #08798f; }\n\n/*Connector styles on hover*/\n.tree li a:hover + ul li::after,\n.tree li a:hover + ul li::before,\n.tree li a:hover + ul::before,\n.tree li a:hover + ul ul::before {\n border-color: #94a0b4; }\n\n/*==============================\n= alerts =\n==============================*/\n.has-icon {\n position: relative; }\n .has-icon.alert {\n padding-left: 70px; }\n .has-icon.alert:before {\n padding: 13px 0 0 13px; }\n .has-icon.h4 {\n padding-left: 30px; }\n .has-icon.h4:before {\n padding: 7px 0 0 13px; }\n .has-icon:before {\n position: absolute;\n top: 0;\n left: 0;\n display: inline-block;\n width: 50px;\n height: 100%;\n content: \" \";\n border-radius: 3px 0 0 3px;\n background-repeat: no-repeat;\n background-position: center center; }\n .has-icon.alert:after {\n position: absolute;\n top: calc(50% - 6px);\n left: 50px;\n width: 0;\n height: 0;\n content: \" \";\n border-width: 6px 0 6px 6px;\n border-style: solid; }\n .has-icon.has-icon-success:before {\n background-color: #4c6b66;\n /* check-circle*/\n background-image: url(\"data:image/svg+xml,%3Csvg aria-hidden='true' data-fa-processed='' data-prefix='fas' data-icon='check-circle' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' class='svg-inline--fa fa-check-circle fa-w-16'%3E%3Cpath fill='%23fff' d='M504 256c0 136.967-111.033 248-248 248S8 392.967 8 256 119.033 8 256 8s248 111.033 248 248zM227.314 387.314l184-184c6.248-6.248 6.248-16.379 0-22.627l-22.627-22.627c-6.248-6.249-16.379-6.249-22.628 0L216 308.118l-70.059-70.059c-6.248-6.248-16.379-6.248-22.628 0l-22.627 22.627c-6.248 6.248-6.248 16.379 0 22.627l104 104c6.249 6.249 16.379 6.249 22.628.001z' class=''%3E%3C/path%3E%3C/svg%3E\");\n background-size: 30%; }\n .has-icon.alert-success:before {\n background-color: #4c6b66;\n /* check*/\n background-image: url(\"data:image/svg+xml,%3Csvg aria-hidden='true' data-fa-processed='' data-prefix='fas' data-icon='check' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' class='svg-inline--fa fa-check fa-w-16'%3E%3Cpath fill='%23fff' d='M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z' class=''%3E%3C/path%3E%3C/svg%3E\");\n background-size: 30%; }\n .has-icon.alert-success:after {\n border-color: transparent transparent transparent #4c6b66; }\n .has-icon.alert-info:before {\n color: #665986;\n background-color: #665986;\n background-image: url(\"data:image/svg+xml,%3Csvg aria-hidden='true' data-fa-processed='' data-prefix='fas' data-icon='info' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 192 512' class='svg-inline--fa fa-info fa-w-6'%3E%3Cpath fill='%23fff' d='M20 424.229h20V279.771H20c-11.046 0-20-8.954-20-20V212c0-11.046 8.954-20 20-20h112c11.046 0 20 8.954 20 20v212.229h20c11.046 0 20 8.954 20 20V492c0 11.046-8.954 20-20 20H20c-11.046 0-20-8.954-20-20v-47.771c0-11.046 8.954-20 20-20zM96 0C56.235 0 24 32.235 24 72s32.235 72 72 72 72-32.235 72-72S135.764 0 96 0z' class=''%3E%3C/path%3E%3C/svg%3E\");\n background-size: 11.25%;\n /* 30% * 192/512*/ }\n .has-icon.alert-info:after {\n border-color: transparent transparent transparent #665986; }\n .has-icon.alert-warning:before {\n background-color: #ffbb33;\n background-image: url(\"data:image/svg+xml,%3Csvg aria-hidden='true' data-fa-processed='' data-prefix='fas' data-icon='exclamation-triangle' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512' class='svg-inline--fa fa-exclamation-triangle fa-w-18'%3E%3Cpath fill='%23fff' d='M569.517 440.013C587.975 472.007 564.806 512 527.94 512H48.054c-36.937 0-59.999-40.055-41.577-71.987L246.423 23.985c18.467-32.009 64.72-31.951 83.154 0l239.94 416.028zM288 354c-25.405 0-46 20.595-46 46s20.595 46 46 46 46-20.595 46-46-20.595-46-46-46zm-43.673-165.346l7.418 136c.347 6.364 5.609 11.346 11.982 11.346h48.546c6.373 0 11.635-4.982 11.982-11.346l7.418-136c.375-6.874-5.098-12.654-11.982-12.654h-63.383c-6.884 0-12.356 5.78-11.981 12.654z' class=''%3E%3C/path%3E%3C/svg%3E\");\n background-size: 33.75%;\n /* 30% * 576/512*/ }\n .has-icon.alert-warning:after {\n border-color: transparent transparent transparent #ffbb33; }\n .has-icon.alert-danger:before {\n background-color: #be2c2f;\n background-image: url(\"data:image/svg+xml,%3Csvg aria-hidden='true' data-fa-processed='' data-prefix='fas' data-icon='exclamation-circle' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' class='svg-inline--fa fa-exclamation-circle fa-w-16'%3E%3Cpath fill='%23fff' d='M504 256c0 136.997-111.043 248-248 248S8 392.997 8 256C8 119.083 119.043 8 256 8s248 111.083 248 248zm-248 50c-25.405 0-46 20.595-46 46s20.595 46 46 46 46-20.595 46-46-20.595-46-46-46zm-43.673-165.346l7.418 136c.347 6.364 5.609 11.346 11.982 11.346h48.546c6.373 0 11.635-4.982 11.982-11.346l7.418-136c.375-6.874-5.098-12.654-11.982-12.654h-63.383c-6.884 0-12.356 5.78-11.981 12.654z' class=''%3E%3C/path%3E%3C/svg%3E\");\n background-size: 30%; }\n .has-icon.alert-danger:after {\n border-color: transparent transparent transparent #be2c2f; }\n\n.alert {\n position: relative;\n border: none; }\n .alert :first-child {\n margin-top: 0; }\n .alert p {\n margin-bottom: 0.5em; }\n .alert p:last-child {\n margin-bottom: 0; }\n .alert a {\n text-decoration: underline; }\n\n/*====================================================================\n= social - https://codepen.io/migli/pen/mggqoK =\n====================================================================*/\n#mailchimp-subscribe {\n position: fixed;\n right: 17px;\n top: 120px;\n color: #fff;\n background: #1877F2;\n padding: 1px 8px;\n border-radius: 2px;\n font-size: 13px; }\n #mailchimp-subscribe:hover {\n text-decoration: none; }\n\n/* Project styles\n-------------------------------------------------- */\n/* barlow-condensed-500 - latin */\n@font-face {\n font-family: 'Barlow Condensed';\n font-style: normal;\n font-weight: 500;\n font-display: swap;\n src: local(\"\"), url(\"../fonts/barlow-condensed-v12-latin-500.woff2\") format(\"woff2\"), url(\"../fonts/barlow-condensed-v12-latin-500.woff\") format(\"woff\");\n /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ }\n\n/* source-sans-pro-regular - latin */\n@font-face {\n font-family: 'Source Sans Pro';\n font-style: normal;\n font-weight: 400;\n font-display: swap;\n src: local(\"\"), url(\"../fonts/source-sans-pro-v21-latin-regular.woff2\") format(\"woff2\"), url(\"../fonts/source-sans-pro-v21-latin-regular.woff\") format(\"woff\");\n /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ }\n\n/* source-sans-pro-700 - latin */\n@font-face {\n font-family: 'Source Sans Pro';\n font-style: normal;\n font-weight: 700;\n font-display: swap;\n src: local(\"\"), url(\"../fonts/source-sans-pro-v21-latin-700.woff2\") format(\"woff2\"), url(\"../fonts/source-sans-pro-v21-latin-700.woff\") format(\"woff\");\n /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ }\n\nhtml {\n position: relative;\n min-height: 100%; }\n\nh1,\n.h1 {\n font-family: 'Barlow Condensed', sans-serif;\n font-weight: 500; }\n\nh2,\n.h2 {\n font-family: 'Barlow Condensed', sans-serif;\n font-weight: 500; }\n h2 small,\n .h2 small {\n font-size: 50%; }\n h2 small.heading-subtitle,\n .h2 small.heading-subtitle {\n position: relative;\n top: -.75rem; }\n\nh3,\n.h3 {\n font-family: 'Barlow Condensed', sans-serif;\n font-weight: 500; }\n\nh4,\n.h4,\nh5,\n.h5,\nh6 {\n font-family: 'Barlow Condensed', sans-serif;\n font-weight: 500;\n text-transform: lowercase;\n font-variant: small-caps; }\n\nfigure {\n width: 100%;\n position: relative; }\n\nimg[ci-src] {\n opacity: 0; }\n\n.img-thumbnail {\n box-sizing: content-box; }\n\np.lead {\n font-weight: 400;\n color: #555047; }\n\npre,\ncode,\ncode[class*=\"language\"] {\n font-size: 0.875rem; }\n\nstrong {\n font-weight: 700;\n color: #23211e; }\n\n.container > section {\n margin-bottom: 200px; }\n .container > section > article {\n margin-bottom: 100px; }\n .container > section > article > section {\n margin-bottom: 100px; }\n\nsection ul:not(.list-unstyled):not(.tree-list):not(.list-group):not(.pagination) > li {\n position: relative;\n list-style: none;\n margin-bottom: 0.5rem; }\n section ul:not(.list-unstyled):not(.tree-list):not(.list-group):not(.pagination) > li strong {\n color: #23211e; }\n section ul:not(.list-unstyled):not(.tree-list):not(.list-group):not(.pagination) > li ul > li:before {\n content: \" \";\n width: 4px;\n height: 4px;\n background: #c6c2bb;\n border-radius: 0;\n display: inline-block;\n position: absolute;\n left: -30px;\n top: 0.75em; }\n section ul:not(.list-unstyled):not(.tree-list):not(.list-group):not(.pagination) > li:before {\n content: \" \";\n width: 6px;\n height: 6px;\n background: #a9a398;\n display: inline-block;\n position: absolute;\n left: -30px;\n top: 0.55em; }\n\nol li {\n margin-bottom: 1rem; }\n\n.badge {\n border-radius: none !important; }\n\n.badge-light {\n background-color: #f4f3f1; }\n\n/* Main navbar\n-------------------------------------------------- */\n#website-navbar {\n z-index: 1040; }\n #website-navbar .navbar-brand {\n min-width: 56px; }\n #website-navbar .navbar-nav .nav-link {\n display: block;\n font-weight: 500; }\n #website-navbar .navbar-nav .nav-link:hover, #website-navbar .navbar-nav .nav-link:focus {\n text-decoration: none;\n color: #46423b; }\n\n/* Cards\n-------------------------------------------------- */\n/* Breadcrumbs\n-------------------------------------------------- */\n.breadcrumb .breadcrumb-item {\n font-size: 0.875rem;\n margin-bottom: 0; }\n\n/* Numbered lists\n-------------------------------------------------- */\n.numbered {\n position: relative;\n counter-reset: my-counter;\n list-style: none;\n padding-left: 40px !important; }\n\n.numbered > dt:before,\n.numbered > li:before {\n content: counter(my-counter);\n counter-increment: my-counter;\n position: absolute;\n left: 0;\n background-color: #8c8476;\n color: #fff;\n width: 1.5em;\n height: 1.5em;\n font-weight: normal;\n display: inline-block;\n text-align: center;\n border-radius: 50%; }\n\n.numbered > dt[class^=\"col-\"]:before,\n.numbered > li[class^=\"col-\"]:before {\n left: -25px; }\n\n/* Horizontal definition lists\n-------------------------------------------------- */\ndt {\n font-weight: 500; }\n\ndl.dl-horizontal {\n display: table;\n table-layout: fixed;\n /* min-width: 400px;*/\n margin-bottom: 60px; }\n dl.dl-horizontal dt,\n dl.dl-horizontal dd {\n width: auto;\n overflow: visible; }\n dl.dl-horizontal dt {\n display: table-cell;\n text-align: right;\n white-space: nowrap;\n font-weight: 500;\n padding: 7px 20px 7px 0; }\n dl.dl-horizontal dt > pre {\n margin-top: 3px; }\n dl.dl-horizontal dd {\n display: table-cell;\n padding: 7px 0; }\n dl.dl-horizontal dd.line-break {\n display: table-row; }\n\n@media (min-width: 936px) {\n .dl-horizontal dt {\n min-width: 220px; } }\n\n/* Project Classes\n-------------------------------------------------- */\n#quick-access .img-overlay {\n width: auto;\n height: 258px; }\n\n.bootstrap-theme-thumbnail {\n width: 120px;\n height: 90px; }\n\n@media (min-width: 768px) {\n #quick-access .img-overlay {\n height: 166.582677px; } }\n\n@media (min-width: 992px) {\n #quick-access .img-overlay {\n height: 146.267717px; } }\n\n@media (min-width: 1200px) {\n #quick-access .img-overlay {\n height: 176.740157px; } }\n\n.ndd-annotator-navigator-window {\n background: rgba(13, 202, 240, 0.5) !important; }\n\n/* background md, sm & xs devices*/\n.border-dashed {\n border-style: dashed; }\n\n.has-separator {\n display: block;\n margin-bottom: 3rem !important;\n position: relative; }\n .has-separator:before, .has-separator:after {\n position: absolute;\n left: 50%;\n height: 1px;\n content: \"\";\n background: #c6c2bb; }\n .has-separator:before {\n bottom: -16px;\n width: 12%;\n margin-left: -6%; }\n .has-separator:after {\n bottom: -13px;\n width: 20%;\n margin-left: -10%; }\n\ni[class*=\"fa-\"],\ni[data-fa-i2svg],\ni > svg {\n display: inline-block !important;\n min-width: 1.125em !important; }\n\n.list-group-thumbnails li {\n width: 120px; }\n\n.mh-100vh {\n min-height: 100vh; }\n\n.nowrap {\n white-space: nowrap; }\n\n.phpcg-screenshot {\n max-width: 705px;\n margin: 3rem auto;\n height: auto; }\n\n.text-light {\n color: #8c8476; }\n\n.underline {\n text-decoration: underline !important; }\n","@import \"svg-url-encoder.scss\";\n\n/*====================================================\n= timeline list + badge-circle =\n====================================================*/\n\n$tl-circle-size: 50px;\n$tl-line-height: 1.5em;\n$tl-border-width: 4px;\n\n.badge-circle {\n display: flex;\n justify-content: center;\n align-items: center;\n position: relative;\n left: -($tl-circle-size + $tl-border-width)/2;\n top: -($tl-circle-size + $tl-border-width)/2 + 1px;\n height: $tl-circle-size;\n width: $tl-circle-size;\n min-width: $tl-circle-size;\n font-size: $tl-circle-size/3;\n border-radius: 50%;\n}\n\n.list-timeline {\n padding-left: $tl-circle-size/2;\n padding-top: $tl-circle-size/2;\n > li {\n border-left: $tl-border-width solid #ddd;\n .timeline-content {\n position: relative;\n top: -$tl-line-height/2;\n }\n &:last-child {\n border-left: $tl-border-width solid transparent;\n }\n }\n}\n\n/* $grid-gutter-width: 30px !default;*/\n\na.has-overlay {\n .img-overlay,\n .card-body {\n position: relative;\n .btn {\n position: relative;\n }\n &.img-overlay:after,\n &.card-body:before {\n content: \" \";\n display: block;\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: transparentize($black, 0.33);\n transition: background 150ms ease-in;\n }\n }\n &:hover {\n .img-overlay:after,\n .card-body:before {\n background: transparentize($black, 1);\n }\n }\n}\n\n/*=============================================\n= Global caret settings =\n=============================================*/\n\n%dropdown-toggle-after {\n line-height: $font-size-base * 1.5;\n position: absolute;\n top: calc(50% - 7px);\n right: $spacer;\n display: block;\n width: 7px;\n height: 14px;\n margin: 0;\n content: \" \";\n transition: transform 0.2s ease-in-out;\n transform: rotate(0deg);\n border: none;\n background-repeat: no-repeat;\n}\n.dropdown-toggle {\n position: relative;\n padding-right: $spacer * 2.5 !important;\n &:not(.sidebar-toggler):after {\n @extend %dropdown-toggle-after;\n }\n &:not(.dropdown-light):after {\n @include background-svg(\n '<svg aria-hidden=\"true\" data-fa-processed=\"\" data-prefix=\"fas\" data-icon=\"angle-right\" role=\"img\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 256 512\" class=\"svg-inline--fa fa-angle-right fa-w-8 fa-2x\"><path fill=\"#{$gray-500}\" d=\"M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z\" class=\"\"></path></svg>'\n );\n }\n &.dropdown-light:after {\n @include background-svg(\n '<svg aria-hidden=\"true\" data-fa-processed=\"\" data-prefix=\"fas\" data-icon=\"angle-right\" role=\"img\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 256 512\" class=\"svg-inline--fa fa-angle-right fa-w-8 fa-2x\"><path fill=\"#{$gray-100}\" d=\"M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z\" class=\"\"></path></svg>'\n );\n }\n &[aria-expanded=\"true\"]:after {\n transform: rotate(90deg);\n }\n}\n\n/*==========================================================================\n= Filetree (http://jsfiddle.net/mehmetatas/fXzHS/2/) =\n==========================================================================*/\n\n.tree li {\n margin: 0px 0;\n list-style-type: none;\n position: relative;\n padding: 20px 5px 0px 5px;\n small {\n display: inline-block;\n }\n}\n\n.tree li::before {\n content: \"\";\n position: absolute;\n top: 0;\n width: 1px;\n height: 100%;\n right: auto;\n left: -20px;\n border-left: 1px solid #ccc;\n bottom: 50px;\n}\n\n.tree li::after {\n content: \"\";\n position: absolute;\n top: 30px;\n width: 25px;\n height: 20px;\n right: auto;\n left: -20px;\n border-top: 1px solid #ccc;\n}\n\n.tree li a[href=\"#\"] {\n display: inline-block;\n vertical-align: top;\n padding: 5px 10px;\n text-decoration: none;\n color: #666;\n font-family: arial, verdana, tahoma, sans-serif;\n font-size: 11px;\n border-radius: 3px;\n -webkit-border-radius: 3px;\n -moz-border-radius: 3px;\n\n &.folder {\n background: #ffe79c;\n border: 1px solid darken(#ffe79c, 30%);\n }\n\n ~ ul li a.folder ~ ul li a.folder {\n background: lighten(#ffe79c, 10%);\n border: 1px solid darken(#ffe79c, 10%);\n ~ ul li a.folder {\n background: lighten(#ffe79c, 18%);\n border: 1px solid #ffe79c;\n }\n }\n\n &.file {\n background: lighten(desaturate($cyan, 20%), 40%);\n border: 1px solid darken($cyan, 10%);\n }\n\n ~ ul li a.folder ~ ul li a.folder ~ ul li a.file {\n background: lighten(desaturate($cyan, 20%), 55%);\n border: 1px solid lighten($cyan, 18%);\n }\n}\n\n/*Remove connectors before root*/\n.tree > ul > li::before,\n.tree > ul > li::after {\n border: 0;\n}\n\n/*Remove connectors after last child*/\n.tree li:last-child::before {\n height: 30px;\n}\n\n/*Time for some hover effects*/\n\n/*We will apply the hover effect the the lineage of the element also*/\n.tree li a:hover,\n.tree li a:hover + ul li a {\n &.folder {\n background: darken(#ffe79c, 10%);\n border: 1px solid darken(#ffe79c, 40%);\n }\n\n &.file {\n background: lighten(desaturate($cyan, 20%), 30%);\n border: 1px solid darken($cyan, 20%);\n }\n\n color: #000;\n}\n\n/*Connector styles on hover*/\n.tree li a:hover + ul li::after,\n.tree li a:hover + ul li::before,\n.tree li a:hover + ul::before,\n.tree li a:hover + ul ul::before {\n border-color: #94a0b4;\n}\n\n/*==============================\n= alerts =\n==============================*/\n\n.has-icon {\n position: relative;\n &.alert {\n padding-left: 70px;\n &:before {\n padding: 13px 0 0 13px;\n }\n }\n &.h4 {\n padding-left: 30px;\n &:before {\n padding: 7px 0 0 13px;\n }\n }\n\n &:before {\n position: absolute;\n top: 0;\n left: 0;\n display: inline-block;\n width: 50px;\n height: 100%;\n content: \" \";\n border-radius: 3px 0 0 3px;\n background-repeat: no-repeat;\n background-position: center center;\n }\n\n &.alert:after {\n position: absolute;\n top: calc(50% - 6px);\n left: 50px;\n width: 0;\n height: 0;\n content: \" \";\n border-width: 6px 0 6px 6px;\n border-style: solid;\n }\n\n &.has-icon-success {\n &:before {\n background-color: #{$success};\n /* check-circle*/\n\n @include background-svg(\n '<svg aria-hidden=\"true\" data-fa-processed=\"\" data-prefix=\"fas\" data-icon=\"check-circle\" role=\"img\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\" class=\"svg-inline--fa fa-check-circle fa-w-16\"><path fill=\"#{$white}\" d=\"M504 256c0 136.967-111.033 248-248 248S8 392.967 8 256 119.033 8 256 8s248 111.033 248 248zM227.314 387.314l184-184c6.248-6.248 6.248-16.379 0-22.627l-22.627-22.627c-6.248-6.249-16.379-6.249-22.628 0L216 308.118l-70.059-70.059c-6.248-6.248-16.379-6.248-22.628 0l-22.627 22.627c-6.248 6.248-6.248 16.379 0 22.627l104 104c6.249 6.249 16.379 6.249 22.628.001z\" class=\"\"></path></svg>'\n );\n background-size: 30%;\n }\n }\n\n &.alert-success {\n &:before {\n background-color: #{$success};\n /* check*/\n\n @include background-svg(\n '<svg aria-hidden=\"true\" data-fa-processed=\"\" data-prefix=\"fas\" data-icon=\"check\" role=\"img\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\" class=\"svg-inline--fa fa-check fa-w-16\"><path fill=\"#{$white}\" d=\"M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z\" class=\"\"></path></svg>'\n );\n background-size: 30%;\n }\n\n &:after {\n border-color: transparent transparent transparent #{$success};\n }\n }\n\n &.alert-info {\n &:before {\n color: #{$info};\n background-color: #{$info};\n\n @include background-svg(\n '<svg aria-hidden=\"true\" data-fa-processed=\"\" data-prefix=\"fas\" data-icon=\"info\" role=\"img\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 192 512\" class=\"svg-inline--fa fa-info fa-w-6\"><path fill=\"#{$white}\" d=\"M20 424.229h20V279.771H20c-11.046 0-20-8.954-20-20V212c0-11.046 8.954-20 20-20h112c11.046 0 20 8.954 20 20v212.229h20c11.046 0 20 8.954 20 20V492c0 11.046-8.954 20-20 20H20c-11.046 0-20-8.954-20-20v-47.771c0-11.046 8.954-20 20-20zM96 0C56.235 0 24 32.235 24 72s32.235 72 72 72 72-32.235 72-72S135.764 0 96 0z\" class=\"\"></path></svg>'\n );\n background-size: 11.25%; /* 30% * 192/512*/\n }\n\n &:after {\n border-color: transparent transparent transparent #{$info};\n }\n }\n\n &.alert-warning {\n &:before {\n background-color: #{$warning};\n\n @include background-svg(\n '<svg aria-hidden=\"true\" data-fa-processed=\"\" data-prefix=\"fas\" data-icon=\"exclamation-triangle\" role=\"img\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 576 512\" class=\"svg-inline--fa fa-exclamation-triangle fa-w-18\"><path fill=\"#{$white}\" d=\"M569.517 440.013C587.975 472.007 564.806 512 527.94 512H48.054c-36.937 0-59.999-40.055-41.577-71.987L246.423 23.985c18.467-32.009 64.72-31.951 83.154 0l239.94 416.028zM288 354c-25.405 0-46 20.595-46 46s20.595 46 46 46 46-20.595 46-46-20.595-46-46-46zm-43.673-165.346l7.418 136c.347 6.364 5.609 11.346 11.982 11.346h48.546c6.373 0 11.635-4.982 11.982-11.346l7.418-136c.375-6.874-5.098-12.654-11.982-12.654h-63.383c-6.884 0-12.356 5.78-11.981 12.654z\" class=\"\"></path></svg>'\n );\n background-size: 33.75%; /* 30% * 576/512*/\n }\n\n &:after {\n border-color: transparent transparent transparent #{$warning};\n }\n }\n\n &.alert-danger {\n &:before {\n background-color: #{$danger};\n\n @include background-svg(\n '<svg aria-hidden=\"true\" data-fa-processed=\"\" data-prefix=\"fas\" data-icon=\"exclamation-circle\" role=\"img\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\" class=\"svg-inline--fa fa-exclamation-circle fa-w-16\"><path fill=\"#{$white}\" d=\"M504 256c0 136.997-111.043 248-248 248S8 392.997 8 256C8 119.083 119.043 8 256 8s248 111.083 248 248zm-248 50c-25.405 0-46 20.595-46 46s20.595 46 46 46 46-20.595 46-46-20.595-46-46-46zm-43.673-165.346l7.418 136c.347 6.364 5.609 11.346 11.982 11.346h48.546c6.373 0 11.635-4.982 11.982-11.346l7.418-136c.375-6.874-5.098-12.654-11.982-12.654h-63.383c-6.884 0-12.356 5.78-11.981 12.654z\" class=\"\"></path></svg>'\n );\n background-size: 30%;\n }\n\n &:after {\n border-color: transparent transparent transparent #{$danger};\n }\n }\n}\n\n.alert {\n position: relative;\n border: none;\n\n :first-child {\n margin-top: 0;\n }\n\n p {\n margin-bottom: 0.5em;\n\n &:last-child {\n margin-bottom: 0;\n }\n }\n\n a {\n text-decoration: underline;\n }\n}\n\n/*====================================================================\n= social - https://codepen.io/migli/pen/mggqoK =\n====================================================================*/\n\n// Settings\n\n// number of social networks\n$social-networks: 13;\n\n// number of columns\n$colums: 2;\n\n$button-width: 2.5rem;\n$button-height: 2.5rem;\n$button-animation: all 200ms ease;\n\n#mailchimp-subscribe {\n position: fixed;\n right: 17px;\n top: 120px;\n color: #fff;\n background: #1877F2;\n padding: 1px 8px;\n border-radius: 2px;\n font-size: 13px;\n &:hover {\n text-decoration: none;\n }\n}\n","//\n// https://codepen.io/jakob-e/pen/doMoML\n// Function to create an optimized svg url\n// Version: 1.0.6\n@function svg-url($svg) {\n //\n // Add missing namespace\n //\n @if not str-index($svg,xmlns) {\n $svg: str-replace($svg, '<svg', '<svg xmlns=\"http://www.w3.org/2000/svg\"');\n }\n //\n // Chunk up string in order to avoid\n // \"stack level too deep\" error\n //\n $encoded: '';\n $slice: 2000;\n $index: 0;\n $loops: ceil(str-length($svg)/$slice);\n @for $i from 1 through $loops {\n $chunk: str-slice($svg, $index, $index + $slice - 1);\n //\n // Encode\n //\n $chunk: str-replace($chunk, '\"', \"'\");\n $chunk: str-replace($chunk, '%', '%25');\n $chunk: str-replace($chunk, '#', '%23');\n $chunk: str-replace($chunk, '{', '%7B');\n $chunk: str-replace($chunk, '}', '%7D');\n $chunk: str-replace($chunk, '<', '%3C');\n $chunk: str-replace($chunk, '>', '%3E');\n\n //\n // The maybe list\n //\n // Keep size and compile time down\n // ... only add on documented fail\n //\n // $chunk: str-replace($chunk, '&', '%26');\n // $chunk: str-replace($chunk, '|', '%7C');\n // $chunk: str-replace($chunk, '[', '%5B');\n // $chunk: str-replace($chunk, ']', '%5D');\n // $chunk: str-replace($chunk, '^', '%5E');\n // $chunk: str-replace($chunk, '`', '%60');\n // $chunk: str-replace($chunk, ';', '%3B');\n // $chunk: str-replace($chunk, '?', '%3F');\n // $chunk: str-replace($chunk, ':', '%3A');\n // $chunk: str-replace($chunk, '@', '%40');\n // $chunk: str-replace($chunk, '=', '%3D');\n\n $encoded: #{$encoded}#{$chunk};\n $index: $index + $slice;\n }\n @return url('data:image/svg+xml,#{$encoded}');\n}\n\n// Background svg mixin\n@mixin background-svg($svg) {\n background-image: svg-url($svg);\n}\n\n// Helper function to replace characters in a string\n@function str-replace($string, $search, $replace: '') {\n $index: str-index($string, $search);\n @return if($index,\n str-slice($string, 1, $index - 1) + $replace +\n str-replace(str-slice($string, $index +\n str-length($search)), $search, $replace),\n $string);\n}\n","/* ------------------------------------------------------------------------------\n *\n * # Main project sass file\n *\n * Common sass file with imports\n *\n * Version: 2.0\n * Latest update: Dec 28, 2022\n *\n * ---------------------------------------------------------------------------- */\n\n@import \"../../../node_modules/bootstrap/scss/functions\";\n\n/* Custom PHPCG colors */\n@import \"theme-colors\";\n\n// Configuration\n@import \"../../../node_modules/bootstrap/scss/variables\";\n@import \"../../../node_modules/bootstrap/scss/mixins\";\n\n/* sidebar */\n@import \"sidebar\";\n\n/* components*/\n@import \"components\";\n\n/* Project styles\n-------------------------------------------------- */\n\n/* barlow-condensed-500 - latin */\n@font-face {\n font-family: 'Barlow Condensed';\n font-style: normal;\n font-weight: 500;\n font-display: swap;\n src: local(''),\n url('../fonts/barlow-condensed-v12-latin-500.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */\n url('../fonts/barlow-condensed-v12-latin-500.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */\n }\n\n/* source-sans-pro-regular - latin */\n@font-face {\n font-family: 'Source Sans Pro';\n font-style: normal;\n font-weight: 400;\n font-display: swap;\n src: local(''),\n url('../fonts/source-sans-pro-v21-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */\n url('../fonts/source-sans-pro-v21-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */\n }\n /* source-sans-pro-700 - latin */\n @font-face {\n font-family: 'Source Sans Pro';\n font-style: normal;\n font-weight: 700;\n font-display: swap;\n src: local(''),\n url('../fonts/source-sans-pro-v21-latin-700.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */\n url('../fonts/source-sans-pro-v21-latin-700.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */\n }\n\nhtml {\n position: relative;\n min-height: 100%;\n}\n\nh1,\n.h1 {\n font-family: 'Barlow Condensed', sans-serif;\n font-weight: 500;\n}\n\nh2,\n.h2 {\n font-family: 'Barlow Condensed', sans-serif;\n font-weight: 500;\n small {\n font-size: 50%;\n &.heading-subtitle {\n position: relative;\n top:-.75rem;\n }\n }\n}\n\nh3,\n.h3 {\n font-family: 'Barlow Condensed', sans-serif;\n font-weight: 500;\n}\n\nh4,\n.h4,\nh5,\n.h5,\nh6 {\n font-family: 'Barlow Condensed', sans-serif;\n font-weight: 500;\n text-transform: lowercase;\n font-variant: small-caps;\n}\n\nfigure {\n width: 100%;\n position: relative;\n}\n\nimg[ci-src] {\n opacity: 0;\n}\n\n.img-thumbnail {\n box-sizing: content-box;\n}\n\np.lead {\n font-weight: 400;\n color: darken($secondary, 20%);\n}\n\npre,\ncode,\ncode[class*=\"language\"] {\n font-size: 0.875rem;\n}\n\nstrong {\n font-weight: $font-weight-bold;\n color: $gray-800;\n}\n\n.container > section {\n margin-bottom: 200px;\n\n > article {\n margin-bottom: 100px;\n\n > section {\n margin-bottom: 100px;\n }\n }\n}\n\nsection ul:not(.list-unstyled):not(.tree-list):not(.list-group):not(.pagination) {\n > li {\n position: relative;\n list-style: none;\n margin-bottom: 0.5rem;\n\n strong {\n color: $gray-800;\n }\n\n ul > li {\n &:before {\n content: \" \";\n width: 4px;\n height: 4px;\n background: $gray-300;\n border-radius: 0;\n display: inline-block;\n position: absolute;\n left: -30px;\n top: 0.75em;\n }\n }\n\n &:before {\n content: \" \";\n width: 6px;\n height: 6px;\n background: $gray-400;\n display: inline-block;\n position: absolute;\n left: -30px;\n top: 0.55em;\n }\n }\n}\n\nol li {\n margin-bottom: 1rem;\n}\n\n.badge {\n border-radius: none !important;\n}\n\n.badge-light {\n background-color: $gray-100;\n}\n\n/* Main navbar\n-------------------------------------------------- */\n\n#website-navbar {\n z-index: 1040;\n\n .navbar-brand {\n min-width: 56px;\n }\n\n .navbar-nav .nav-link {\n display: block;\n font-weight: 500;\n\n &:hover,\n &:focus {\n text-decoration: none;\n color: $gray-700;\n }\n }\n}\n\n/* Cards\n-------------------------------------------------- */\n\n/* Breadcrumbs\n-------------------------------------------------- */\n\n.breadcrumb {\n .breadcrumb-item {\n font-size: 0.875rem;\n margin-bottom: 0;\n }\n}\n\n/* Numbered lists\n-------------------------------------------------- */\n\n.numbered {\n position: relative;\n counter-reset: my-counter;\n list-style: none;\n padding-left: 40px !important;\n}\n\n.numbered > dt,\n.numbered > li {\n &:before {\n content: counter(my-counter);\n counter-increment: my-counter;\n position: absolute;\n left: 0;\n background-color: $gray-500;\n color: #fff;\n width: 1.5em;\n height: 1.5em;\n font-weight: normal;\n display: inline-block;\n text-align: center;\n border-radius: 50%;\n }\n\n &[class^=\"col-\"]:before {\n left: -25px;\n }\n}\n\n/* Horizontal definition lists\n-------------------------------------------------- */\n\ndt {\n font-weight: 500;\n}\n\ndl.dl-horizontal {\n display: table;\n table-layout: fixed;\n /* min-width: 400px;*/\n margin-bottom: 60px;\n\n dt,\n dd {\n width: auto;\n overflow: visible;\n }\n\n dt {\n display: table-cell;\n text-align: right;\n white-space: nowrap;\n font-weight: 500;\n padding: 7px 20px 7px 0;\n\n > pre {\n margin-top: 3px;\n }\n }\n\n dd {\n display: table-cell;\n padding: 7px 0;\n\n &.line-break {\n display: table-row;\n }\n }\n}\n\n@media (min-width: 936px) {\n .dl-horizontal dt {\n min-width: 220px;\n }\n}\n\n/* Project Classes\n-------------------------------------------------- */\n\n#quick-access .img-overlay {\n width: auto;\n height: 258px;\n}\n\n.bootstrap-theme-thumbnail {\n width: 120px;\n height: 90px;\n}\n\n@include media-breakpoint-up(md) {\n #quick-access .img-overlay {\n height: 166.582677px;\n }\n}\n\n@include media-breakpoint-up(lg) {\n #quick-access .img-overlay {\n height: 146.267717px;\n }\n}\n\n@include media-breakpoint-up(xl) {\n #quick-access .img-overlay {\n height: 176.740157px;\n }\n}\n\n.ndd-annotator-navigator-window {\n background: transparentize($cyan, 0.5) !important;\n}\n\n/* background md, sm & xs devices*/\n\n.border-dashed {\n border-style: dashed;\n}\n\n.has-separator {\n display: block;\n margin-bottom: 3rem !important;\n position: relative;\n\n &:before,\n &:after {\n position: absolute;\n left: 50%;\n height: 1px;\n content: \"\";\n background: $gray-300;\n }\n &:before {\n bottom: -16px;\n width: 12%;\n margin-left: -6%;\n }\n\n &:after {\n bottom: -13px;\n width: 20%;\n margin-left: -10%;\n }\n}\n\ni[class*=\"fa-\"],\ni[data-fa-i2svg],\ni > svg {\n display: inline-block !important;\n min-width: 1.125em !important;\n}\n\n.list-group-thumbnails li {\n width: 120px;\n}\n\n.mh-100vh {\n min-height: 100vh;\n}\n\n.nowrap {\n white-space: nowrap;\n}\n\n.phpcg-screenshot {\n max-width: 705px;\n margin: 3rem auto;\n height: auto;\n}\n\n.text-light {\n color: $gray-500;\n}\n\n.underline {\n text-decoration: underline !important;\n}\n"]}