/*!
 * Bootstrap  v5.3.2 (https://getbootstrap.com/)
 * Copyright 2011-2023 The Bootstrap Authors
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 */
:root,
[data-bs-theme=light] {
  --bs-blue: #528ff0;
  --bs-indigo: #6257ff;
  --bs-purple: #7d42c1;
  --bs-pink: #d419ae;
  --bs-red: #ef5350;
  --bs-orange: #ff6500;
  --bs-yellow: #feaf2c;
  --bs-green: #61D066;
  --bs-teal: #49dab5;
  --bs-cyan: #5bd6ec;
  --bs-black: #080713;
  --bs-white: #fff;
  --bs-gray: #434064;
  --bs-gray-dark: #23213F;
  --bs-gray-100: #FAFAFE;
  --bs-gray-200: #EDECF5;
  --bs-gray-300: #E0DFEA;
  --bs-gray-400: #C5C4D5;
  --bs-gray-500: #B5B4C3;
  --bs-gray-600: #434064;
  --bs-gray-700: #2B284A;
  --bs-gray-800: #23213F;
  --bs-gray-900: #16142F;
  --bs-primary: #2193b0;
  --bs-primary-dark: #196F86;
  --bs-primary-light: #6DD5ED;
  --bs-secondary: #2B284A;
  --bs-success: #61D066;
  --bs-info: #5bd6ec;
  --bs-warning: #feaf2c;
  --bs-danger: #ef5350;
  --bs-light: #FAFAFE;
  --bs-white: #fff;
  --bs-gray-200: #EDECF5;
  --bs-dark: #080713;
  --bs-primary-rgb: 33, 147, 176;
  --bs-primary-light-rgb: 109, 213, 237;
  --bs-primary-dark-rgb: 25, 111, 134;
  --bs-secondary-rgb: 43, 40, 74;
  --bs-success-rgb: 97, 208, 102;
  --bs-info-rgb: 91, 214, 236;
  --bs-warning-rgb: 254, 175, 44;
  --bs-danger-rgb: 239, 83, 80;
  --bs-light-rgb: 250, 250, 254;
  --bs-white-rgb: 255, 255, 255;
  --bs-gray-200-rgb: 237, 236, 245;
  --bs-dark-rgb: 8, 7, 19;
  --bs-primary-text-emphasis: #2193b0;
  --bs-secondary-text-emphasis: #11101e;
  --bs-success-text-emphasis: #275329;
  --bs-info-text-emphasis: #24565e;
  --bs-warning-text-emphasis: #664612;
  --bs-danger-text-emphasis: #602120;
  --bs-light-text-emphasis: #2B284A;
  --bs-dark-text-emphasis: #2B284A;
  --bs-primary-bg-subtle: #EAF8FB;
  --bs-secondary-bg-subtle: #eaeaed;
  --bs-success-bg-subtle: #effaf0;
  --bs-info-bg-subtle: #effbfd;
  --bs-warning-bg-subtle: #fff7ea;
  --bs-danger-bg-subtle: #fdeeee;
  --bs-light-bg-subtle: #fdfdff;
  --bs-dark-bg-subtle: #C5C4D5;
  --bs-primary-border-subtle: #2193b0;
  --bs-secondary-border-subtle: #aaa9b7;
  --bs-success-border-subtle: #c0ecc2;
  --bs-info-border-subtle: #bdeff7;
  --bs-warning-border-subtle: #ffdfab;
  --bs-danger-border-subtle: #f9bab9;
  --bs-light-border-subtle: #EDECF5;
  --bs-dark-border-subtle: #B5B4C3;
  --bs-white-rgb: 255, 255, 255;
  --bs-black-rgb: 8, 7, 19;
  --bs-font-sans-serif: "Poppins", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
  --bs-body-font-family: var(--bs-font-sans-serif);
  --bs-body-font-size: 1rem;
  --bs-body-font-weight: 400;
  --bs-body-line-height: 1.6;
  --bs-body-color: #16142F;
  --bs-body-color-rgb: 22, 20, 47;
  --bs-body-bg: #fff;
  --bs-body-bg-rgb: 255, 255, 255;
  --bs-emphasis-color: #080713;
  --bs-emphasis-color-rgb: 8, 7, 19;
  --bs-secondary-color: rgba(22, 20, 47, 0.75);
  --bs-secondary-color-rgb: 22, 20, 47;
  --bs-secondary-bg: #EDECF5;
  --bs-secondary-bg-rgb: 237, 236, 245;
  --bs-tertiary-color: rgba(22, 20, 47, 0.5);
  --bs-tertiary-color-rgb: 22, 20, 47;
  --bs-tertiary-bg: #EAF8FB;
  --bs-tertiary-bg-rgb: 234, 248, 251;
  --bs-heading-color: inherit;
  --bs-link-color: #092831;
  --bs-link-color-rgb: 9, 40, 49;
  --bs-link-decoration: none;
  --bs-link-hover-color: #196F86;
  --bs-link-hover-color-rgb: 25, 111, 134;
  --bs-code-color: #d419ae;
  --bs-highlight-color: #16142F;
  --bs-highlight-bg: papayawhip;
  --bs-border-width: 1px;
  --bs-border-style: solid;
  --bs-border-color: #E0DFEA;
  --bs-border-color-translucent: #b5b4c3;
  --bs-border-radius: 0.5rem;
  --bs-border-radius-sm: 0.325rem;
  --bs-border-radius-lg: 0.75rem;
  --bs-border-radius-xl: 1rem;
  --bs-border-radius-xxl: 2rem;
  --bs-border-radius-2xl: var(--bs-border-radius-xxl);
  --bs-border-radius-pill: 50rem;
  --bs-box-shadow: 0 0.5rem 1rem rgba(var(--bs-body-color-rgb), 0.05);
  --bs-box-shadow-sm: 0 0.125rem 0.25rem rgba(var(--bs-body-color-rgb), 0.05);
  --bs-box-shadow-lg: 0 1rem 3rem rgba(var(--bs-body-color-rgb), 0.075);
  --bs-box-shadow-inset: inset 0 1px 2px rgba(var(--bs-body-color-rgb), 0.075);
  --bs-focus-ring-width: 0.25rem;
  --bs-focus-ring-opacity: 0.25;
  --bs-focus-ring-color: rgba(98, 87, 255, 0.25);
  --bs-form-valid-color: #61D066;
  --bs-form-valid-border-color: #61D066;
  --bs-form-invalid-color: #ef5350;
  --bs-form-invalid-border-color: #ef5350;
  --swiper-theme-color: #196F86;
}

[data-bs-theme=dark] {
  color-scheme: dark;
  --bs-body-color: #fff;
  --bs-body-color-rgb: 255, 255, 255;
  --bs-body-bg: #2E2E2E;
  --bs-body-bg-rgb: 26, 26, 26;
  --bs-emphasis-color: #fff;
  --bs-emphasis-color-rgb: 255, 255, 255;
  --bs-secondary-color: rgba(255, 255, 255, 0.75);
  --bs-secondary-color-rgb: 255, 255, 255;
  --bs-secondary-bg: #092831;
  --bs-secondary-bg-rgb: 9, 40, 49;
  --bs-tertiary-color: rgba(255, 255, 255, 0.5);
  --bs-tertiary-color-rgb: 255, 255, 255;
  --bs-tertiary-bg: #092831;
  --bs-tertiary-bg-rgb: 9, 40, 49;
  --bs-primary-text-emphasis: #a19aff;
  --bs-secondary-text-emphasis: #807e92;
  --bs-success-text-emphasis: #a0e3a3;
  --bs-info-text-emphasis: #9de6f4;
  --bs-warning-text-emphasis: #fecf80;
  --bs-danger-text-emphasis: #f59896;
  --bs-light-text-emphasis: #FAFAFE;
  --bs-dark-text-emphasis: #E0DFEA;
  --bs-primary-bg-subtle: #343434;
  --bs-secondary-bg-subtle: #09080f;
  --bs-success-bg-subtle: #132a14;
  --bs-info-bg-subtle: #122b2f;
  --bs-warning-bg-subtle: #332309;
  --bs-danger-bg-subtle: #301110;
  --bs-light-bg-subtle: #414141;
  --bs-dark-bg-subtle: #161429;
  --bs-primary-border-subtle: #3b3499;
  --bs-secondary-border-subtle: #1a182c;
  --bs-success-border-subtle: #3a7d3d;
  --bs-info-border-subtle: #37808e;
  --bs-warning-border-subtle: #98691a;
  --bs-danger-border-subtle: #8f3230;
  --bs-light-border-subtle: #2B284A;
  --bs-dark-border-subtle: #343434;
  --bs-heading-color: inherit;
  --bs-link-color: #fff;
  --bs-link-hover-color: #9189ff;
  --bs-link-color-rgb: 255, 255, 255;
  --bs-link-hover-color-rgb: 33, 147, 176;
  --bs-code-color: #e575ce;
  --bs-highlight-color: #fff;
  --bs-highlight-bg: #664612;
  --bs-border-color: #114C5D;
  --bs-border-color-translucent: var(--bs-primary);
  --bs-form-valid-color: #a0e3a3;
  --bs-form-valid-border-color: #a0e3a3;
  --bs-form-invalid-color: #f59896;
  --bs-form-invalid-border-color: #f59896;
  --swiper-theme-color: #196F86;
}

::-moz-selection { /* Code for Firefox */
  color: #fff;
  background: #196F86;
}

::selection {
  color: #fff;
  background: #196F86;
}

.custom-tooltip {
  --bs-tooltip-bg: var(--bs-primary-dark);
  --bs-tooltip-color: var(--bs-white);
}

.img-border img {
    border: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
}
.img-border.rounded img {
    border-radius: var(--bs-border-radius-xl)!important
}

pre[class*="language-" ],
code[class*="language-"] {
    white-space: pre-wrap !important;
    overflow: auto !important;
    word-break: break-word !important;
}

/*
@media (min-width: 992px) {
	.navbar-expand-lg .navbar-brand {
		width: 20rem;
	}
}
*/
.navbar-dark .form-control::placeholder {
  color: rgba(255, 255, 255, 0.75);
  opacity: 1;
}
.navbar-dark #searchCollapse .bx {
	color: rgba(255, 255, 255, 0.75);
  opacity: 1;
}
.nav {
	--bs-nav-link-hover-color: var(--bs-primary);
}

.bg-body-subtle {
	background-color: var(--bs-primary-bg-subtle);
}
.bg-tertiary {
	background-color: var(--bs-primary-dark);
}

.toTop.show {
    color: var(--bs-primary);
}

#ez-toc-container {
	margin: 30px 0px !important;
}

.password-string {
  font-weight: bold;
  color: var(--bs-body-color);
  height: 75px;
  background-color: var(--bs-primary-bg-subtle);
  border-top: 1px solid #2193b0;
  border-left: 1px solid #2193b0;
  border-right: 1px solid #2193b0;
  vertical-align: middle;
  font-size: 22px;
  max-width: 100%;
  text-align: center;
  margin: 0px;
	padding-top: 5px;
	overflow: hidden;
	font-family: Consolas;
}

#ex6CurrentSliderValLabel {
	font-size: 25px;
}

@media (min-width: 576px) {
	.password-string {
		height: 91px;
		font-size: 38px;
		padding-top: 16px;
	}
	
	#ex6CurrentSliderValLabel {
		font-size: 40px;
	}
}

.port-scan-text {
	font-size: .7rem;
}
@media (min-width: 576px) {
	.port-scan-text {
		font-size: 1rem;
	}
}

.password-meter {
  text-align: center;
  height: 6px;
  max-width: 100%;
  border-left: 1px solid #2193b0;
  border-right: 1px solid #2193b0;
  border-bottom: 1px solid #2193b0;
  margin: 0px;
}

.border-primary-light {
	--bs-border-opacity: 1;
	border-color: rgba(var(--bs-primary-light-rgb),var(--bs-border-opacity))!important;	
}
.border-primary-dark {
	--bs-border-opacity: 1;
	border-color: rgba(var(--bs-primary-dark-rgb),var(--bs-border-opacity))!important;
}

.text-primary-dark {
	color: var(--bs-primary-dark)!important;
}
.text-primary-light {
	color: var(--bs-primary-light)!important;
}

.bg-primary-dark {
	background-color: var(--bs-primary-dark)!important;
}
.bg-primary-light {
	background-color: var(--bs-primary-light)!important;
}

.hero-ip-button {
	font-size: 0.80rem;
	--bs-btn-padding-x: .5rem;
}
.page-ip-bar {
	top: 0px !important;
	font-size: .58rem;
}
#navbarSecondary {
	top: 33px !important;
}

@media (min-width: 576px) {
	.page-ip-bar {
		top: 76px !important;
		font-size: unset;
	}
	#navbarSecondary {
		top: 118px !important;
	}
	.hero-ip-button {
		font-size: 1.2rem;
		--bs-btn-padding-x: .5rem;
	}
}

.text-outline {
    -webkit-text-stroke-width: 1px;
}

.deal {
	top: -35px;
	padding-top: 1px;
}

.btn-primary {
  --bs-btn-color: #fff;
  --bs-btn-bg: var(--bs-primary-dark);
  --bs-btn-border-color: var(--bs-primary-dark);
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: var(--bs-primary);
  --bs-btn-hover-border-color: var(--bs-primary);
  --bs-btn-focus-shadow-rgb: 25, 111, 134;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: var(--bs-primary-dark);
  --bs-btn-active-border-color: var(--bs-primary-dark);
  --bs-btn-active-shadow: inset 0 3px 5px rgba(25, 111, 134, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: var(--bs-primary);
  --bs-btn-disabled-border-color: var(--bs-primary);
}

.btn-outline-primary {
  --bs-btn-color: var(--bs-primary);
  --bs-btn-border-color: var(--bs-primary);
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: var(--bs-primary);
  --bs-btn-hover-border-color: var(--bs-primary);
  --bs-btn-focus-shadow-rgb: 98, 87, 255;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: var(--bs-primary);
  --bs-btn-active-border-color: var(--bs-primary);
  --bs-btn-active-shadow: inset 0 3px 5px rgba(8, 7, 19, 0.125);
  --bs-btn-disabled-color: var(--bs-primary);
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: var(--bs-primary);
  --bs-gradient: none;
}

.btn-group-xs>.btn,.btn-xs {
    --bs-btn-padding-y: 0.175rem;
    --bs-btn-padding-x: 0.525rem;
    --bs-btn-font-size: 0.775rem;
    --bs-btn-border-radius: 0.325rem;
}

.form-select:focus {
	border-color: var(--bs-primary);
	box-shadow: 0 0 0 0.25rem rgba(33, 147, 176, .25);
}

.dropdown-menu {
  --bs-dropdown-zindex: 1000;
  --bs-dropdown-min-width: 14rem;
  --bs-dropdown-padding-x: 0.5rem;
  --bs-dropdown-padding-y: 0.5rem;
  --bs-dropdown-spacer: 0rem;
  --bs-dropdown-font-size: 1rem;
  --bs-dropdown-color: var(--bs-body-color);
  --bs-dropdown-bg: var(--bs-body-bg);
  --bs-dropdown-border-color: var(--bs-border-color-translucent);
  --bs-dropdown-border-radius: 0.5rem;
  --bs-dropdown-border-width: 0px;
  --bs-dropdown-inner-border-radius: calc(0.5rem - 0px);
  --bs-dropdown-divider-bg: var(--bs-border-color);
  --bs-dropdown-divider-margin-y: 0.5rem;
  --bs-dropdown-box-shadow: 0 0.5rem 1rem rgba(var(--bs-body-color-rgb), 0.05);
  --bs-dropdown-link-color: var(--bs-body-color);
  --bs-dropdown-link-hover-color: var(--bs-body-color);
  --bs-dropdown-link-hover-bg: var(--bs-tertiary-bg);
  --bs-dropdown-link-active-color: #fff;
  --bs-dropdown-link-active-bg: #2193b0;
  --bs-dropdown-link-disabled-color: #B5B4C3;
  --bs-dropdown-item-padding-x: 1rem;
  --bs-dropdown-item-padding-y: 0.4rem;
  --bs-dropdown-header-color: #B5B4C3;
  --bs-dropdown-header-padding-x: 1rem;
  --bs-dropdown-header-padding-y: 0.5rem;
  position: absolute;
  z-index: var(--bs-dropdown-zindex);
  display: none;
  min-width: var(--bs-dropdown-min-width);
  padding: var(--bs-dropdown-padding-y) var(--bs-dropdown-padding-x);
  margin: 0;
  font-size: var(--bs-dropdown-font-size);
  color: var(--bs-dropdown-color);
  text-align: left;
  list-style: none;
  background-color: var(--bs-dropdown-bg);
  background-clip: padding-box;
  border: var(--bs-dropdown-border-width) solid var(--bs-dropdown-border-color);
  border-radius: var(--bs-dropdown-border-radius);
}

.nav-pills {
    --bs-nav-pills-border-radius: var(--bs-border-radius);
    --bs-nav-pills-link-active-color: #fff;
    --bs-nav-pills-link-active-bg: #2193b0
}

.readmore {
	--bs-btn-padding-y: 0.1rem;
    --bs-btn-padding-x: 0.5rem;
    --bs-btn-font-size: 0.7rem;
    --bs-btn-border-radius: 0.325rem;
    font-weight: 100;
    letter-spacing: .05rem;
}

.bg-gradient-primary {
    background-image: linear-gradient(155deg,#2193B0 20%,#196F86 40%,#092831 95%,#092831)
}

.text-gradient {
    background: radial-gradient(circle at 70%,#6DD5ED 10%,#196F86 30%);
    background-size: 400% 400%;
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
    animation: textGradientAnimation 5s ease-in-out infinite;
    -webkit-animation: textGradientAnimation 5s ease-in-out infinite
}

.form-control:focus {
    color: var(--bs-body-color);
    background-color: var(--bs-form-control-bg);
    border-color: #2193b0;
}
.form-control:focus {
    color: var(--bs-body-color);
    background-color: var(--bs-form-control-bg);
    border-color: var(--bs-primary);
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgba(33, 147, 176, .25);
}

.form-control.topsearch:focus {
    background-color: var(--bs-primary-dark);
}

.form-control {
    border: var(--bs-border-width) solid var(--bs-border-color-translucent);
}

@media (min-width: 992px)
{
	.navbar-expand-lg.navbar-search-w-icons .collapse-search {
		--navbar-search-width: 250px;
		min-width: var(--navbar-search-width);
	}
}

.modal-ip {
    --bs-modal-width: 400px;
}

.table {
	margin-bottom: 0;
}

.list-group {
    --bs-list-group-active-color: #fff;
    --bs-list-group-active-bg: var(--bs-primary-dark);
    --bs-list-group-active-border-color: var(--bs-primary-dark);
}

.table {
    --bs-table-striped-bg: rgba(33, 147, 176, 0.035);
    --bs-table-active-bg: rgba(33, 147, 176, 0.0875);
    --bs-table-hover-bg: rgba(33, 147, 176, 0.0675);
}

.spinner {
    margin: auto;
    overflow: auto;
    display: table;
    position: fixed;
    z-index: 9999;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: rgba(255,255,255,.8) 50% 50% no-repeat
}

.spinner i {
    display: table-cell;
    vertical-align: middle
}

ol.steps {
    list-style-type: none;
    counter-reset: elementcounter;
    padding-left: 0
}

ol.steps li {
    margin-bottom: 8px;
    border-bottom: 1px solid #d6e9c6
}

ol.steps li:before {
    content: "Step " counter(elementcounter) ". ";
    counter-increment: elementcounter;
    font-weight: 700;
    padding-right: 8px
}

.plyr--video .plyr__control.plyr__tab-focus,.plyr--video .plyr__control:hover,.plyr--video .plyr__control[aria-expanded=true],.plyr__control--overlaid {
    background-color: #2193b0 !important;
}

.plyr--full-ui input[type=range] {
    color: #2193b0 !important;
}
.plyr__control--overlaid {
    background: #2193b0 !important;
    background: var(--plyr-video-control-background-hover,var(--plyr-color-main,var(--plyr-color-main,#2193b0))) !important;
}
.plyr__control--overlaid::after,.plyr__control--overlaid::before {
    background: #2193b0 !important;
}


.ribbon {
  width: 150px;
  height: 150px;
  overflow: hidden;
  position: absolute;
}
.ribbon::before,
.ribbon::after {
  position: absolute;
  z-index: 10;
  content: '';
  display: block;
  border: 5px solid #196F86;
}
.ribbon span {
  position: absolute;
  display: block;
  width: 225px;
  padding: 8px 0;
  background-color: #2193b0;
/*  box-shadow: 0 5px 10px rgba(0,0,0,.1); */
  color: #fff;
  font-size: 13px;
  font-weight: 600;
  text-shadow: 0 1px 1px rgba(0,0,0,.2);
  text-align: center;
}

.ribbon-top-right {
  top: -9px;
  right: -9px;
  z-index: 5;
}
.ribbon-top-right::before,
.ribbon-top-right::after {
  border-top-color: transparent;
  border-right-color: transparent;
}
.ribbon-top-right::before {
  top: 0;
  left: 18.25px;
}
.ribbon-top-right::after {
  bottom: 18.25px;
  right: 0;
}
.ribbon-top-right span {
  left: -15px;
  top: 35px;
  transform: rotate(45deg);
}

.pagination {
    --bs-pagination-padding-x: 0.75rem;
    --bs-pagination-padding-y: 0.375rem;
    --bs-pagination-font-size: 1rem;
    --bs-pagination-color: var(--bs-link-color);
    --bs-pagination-bg: var(--bs-body-bg);
    --bs-pagination-border-width: var(--bs-border-width);
    --bs-pagination-border-color: var(--bs-border-color);
    --bs-pagination-border-radius: var(--bs-border-radius);
    --bs-pagination-hover-color: var(--bs-link-hover-color);
    --bs-pagination-hover-bg: var(--bs-tertiary-bg);
    --bs-pagination-hover-border-color: var(--bs-border-color);
    --bs-pagination-focus-color: var(--bs-link-hover-color);
    --bs-pagination-focus-bg: var(--bs-secondary-bg);
    --bs-pagination-focus-box-shadow: 0 0 0 0.25rem rgba(var(--bs-primary-rgb), 0.25);
    --bs-pagination-active-color: #fff;
    --bs-pagination-active-bg: #196F86;
    --bs-pagination-active-border-color: #196F86;
    --bs-pagination-disabled-color: var(--bs-secondary-color);
    --bs-pagination-disabled-bg: var(--bs-secondary-bg);
    --bs-pagination-disabled-border-color: var(--bs-border-color);
    display: flex;
    padding-left: 0;
    list-style: none
}