:root {
  --fs-translucent-bg: rgba(255, 255, 255, 0.5);
  --fs-theme-secondary-color: #a29bfe;
  --fs-theme-dark-secondary-color: #8779f3;
 }

[data-bs-theme="dark"] {
  --fs-translucent-bg: rgba(50, 50, 50, 0.8);
  --fs-theme-secondary-color: #8779f3;
  --fs-theme-dark-secondary-color: #a29bfe;
}

/* STANDARD */
html{
	/*background-color: #def6ff;*/
	background-color: #fff;
	background-image: url('../img/bg-pattern-2-light.png');
}

[data-bs-theme="dark"] {
	background-image: url('../img/bg-pattern-2-dark.png');
}

a{
	color: #3bb3e7;
}

a:hover, a:focus, a:active, a:focus:hover{
	color: #18749b;
}

input{
	color: var(--fs-blue-color) !important;
	box-shadow: none;
	border-color: var(--fs-black-color) !important;
}

[data-bs-theme="dark"] input{
	color: var(--fs-cyan-color) !important;
}
/*
input[type=text], input[type=password], input[type=number], input[type=email]{
	outline: 1px solid var(--fs-black-color);
	border-radius: 5px;
}
*/

input[type="radio"]:checked { 
    background:#fff !important;
    border: 5px solid var(--fs-theme-dark-secondary-color) !important;
}

.card, .dropdown-menu{
	border: 1.5px solid var(--fs-black-color);
}

.dropdown-menu hr{
	opacity: 1;
}

.dropdown-menu a:hover, .dropdown-menu a:focus, .dropdown-menu a:active, .dropdown-menu a:focus:hover{
	color: var(--fs-black-color);
}

.progress{
	height: 15px !important;
	border: 2px solid var(--fs-black-color);
}

.modal-content{
	border: 3px solid var(--fs-black-color);
}

.modal-header{
	border-bottom: 3px solid var(--fs-black-color) !important;
}

.fs-icon{
	border: 2px solid var(--fs-black-color) !important;
}

.fs-icon-lg{
	border-width: 3px !important;
}

#fs-nav-top{
	box-shadow: none;
	border-bottom: 2px solid var(--fs-black-color);
}

#fs-profile-pic-nav{
	border-color: var(--fs-black-color);
}

#fs-myModal .modal-header{
	background-color: #d0bff0;
}

[data-bs-theme="dark"] #fs-myModal .modal-header{
	background-color: var(--fs-theme-secondary-color);
}

#fs-myModal a:hover{
	opacity: 0.4;
	color: var(--fs-black-color);
}

.fs-display{
    font-weight: 700;
    letter-spacing: -0.02em;
}

.fs-btn-special{
	border: 3px solid var(--fs-black-color);
	color: var(--fs-black-color);
    background-color: var(--fs-primary-color);
	font-weight: 700;
}

.fs-btn-special:hover, .fs-btn-special:focus, .fs-btn-special:active, .fs-btn-special:focus:hover{
    color: var(--fs-black-color);
	border: 3px solid var(--fs-black-color);
    background-color: var(--fs-primary-color-dark);
}

.fs-btn-secondary{
	border: 3px solid var(--fs-black-color);
	color: var(--fs-black-color);
    background-color: var(--fs-gray-color-400);
	font-weight: 700;
}

.fs-btn-secondary:hover, .fs-btn-secondary:focus, .fs-btn-secondary:active, .fs-btn-secondary:focus:hover{
    color: var(--fs-black-color);
    background-color: var(--fs-gray-color-500);
	border: 3px solid var(--fs-black-color);
}

.btn-outline-secondary{
	border-width: 2px;
	font-weight: 700;
	color:  var(--fs-black-color);
	border-color: var(--fs-black-color);
}

.btn-outline-secondary:hover, .btn-outline-secondary:focus, .btn-outline-secondary:active, .btn-outline-secondary:focus:hover{
    background-color: var(--fs-black-color) !important;
}

[data-bs-theme="dark"] .btn-outline-secondary{
    color: #fff;
}

[data-bs-theme="dark"] .btn-outline-secondary:hover, [data-bs-theme="dark"] .btn-outline-secondary:focus, [data-bs-theme="dark"] .btn-outline-secondary:active, [data-bs-theme="dark"] .btn-outline-secondary:focus:hover{
    color: #000;
}

.fs-btn-outline-special{
    border-color: var(--fs-theme-secondary-color);
    color: var(--fs-theme-secondary-color);
}

.fs-btn-outline-special:hover, .fs-btn-outline-special:focus, .fs-btn-outline-special:active, .fs-btn-outline-special:focus:hover{
    color: #fff;
    background-color: var(--fs-theme-secondary-color);
}



#fs-module-nav a, #fs-module-nav a:focus, #fs-profile-dropdown i{
	color: var(--fs-black-color);
}

#fs-panel .card{
	/*background-color: var(--fs-translucent-bg);*/
}

/* COURSE */
#fs-selection-container .fa-circle-info{
	border: 2px solid var(--fs-black-color);
	border-radius: 50%;
	background-color: var(--fs-black-color);
}

#fs-selection-container .card, #fs-progression-container .card, #fs-achievement-container .card{
	/*background-color: var(--fs-translucent-bg);*/
}

#fs-action-container .fs-icon{
    border-color: #000 !important;
}

#fs-summary-container p{
	color: var(--fs-black-color);
}

#fs-summary-container h3{
	font-weight: 800;
}

#fs-summary-container .fs-text-secondary{
	color: var(--fs-black-color);
}

.fs-dashboard-bullet{
	color: var(--fs-text-black);
}

#fs-achievement-container .fs-text-secondary{
	color: var(--fs-black-color);
}

#fs-achievement-container .fs-achievement-timestamp{
   background-color: var(--fs-white-color); 
}

/* MODULE */
.progress-bar{
    background-color: var(--fs-green-blue-color) !important;
}

#fs-collapseNav-div .fs-text-green{
    color: var(--fs-green-blue-color) !important;
}

#fs-collapseNav-div .fs-progress-div-label{
    color: var(--fs-black-color);
}

#fs-page-card .fs-fancybox img, #fs-page-card iframe{
	outline: 2px solid var(--fs-black-color);
}

#fs-page-card #fs-quiz-div .fs-bg-green{
    color: var(--fs-black-color);
}

#fs-page-card .progress{
	height: 30px !important;
	border: 2.5px solid var(--fs-black-color);
}

#fs-page-card .progress-bar{
    background-color: var(--fs-green-blue-color);
    color: #000;
    font-weight: 900;
}

#fs-page-card .fs-activity-img{
	border: none;
	/*border-bottom: 1.5px solid #000;*/
}

.fs-activity-banner{
	border-bottom: 4px solid #000;
}

.fs-module-box{
	border: 2px solid var(--fs-black-color);
}

.fs-module-box a{
	color: var(--fs-theme-secondary-color);
}

[data-bs-theme="dark"] .fs-module-box a{
	color: var(--fs-theme-dark-secondary-color);
}

.fs-module-box a:hover{
	color: var(--fs-theme-dark-secondary-color);
}

[data-bs-theme="dark"] .fs-module-box a:hover{
	color: var(--fs-theme-secondary-color);
}

.fs-module-box .fs-btn-special, #fs-myActivityModal .fs-btn-special {
    background-color: var(--fs-theme-secondary-color);
}

.fs-module-box .fs-btn-special:hover, .fs-module-box .fs-btn-special:focus, .fs-module-box .fs-btn-special:active, .fs-module-box .fs-btn-special:focus:hover, #fs-myActivityModal .fs-btn-special:hover, #fs-myActivityModal .fs-btn-special:focus, #fs-myActivityModal .fs-btn-special:active, #fs-myActivityModal .fs-btn-special:focus:hover{
    background-color: var(--fs-theme-dark-secondary-color) !important;
}

[data-bs-theme="dark"] .fs-module-box .fs-btn-special, [data-bs-theme="dark"] #fs-myActivityModal .fs-btn-special {
    background-color: var(--fs-theme-dark-secondary-color);
}

[data-bs-theme="dark"] .fs-module-box .fs-btn-special:hover, [data-bs-theme="dark"] .fs-module-box .fs-btn-special:focus, [data-bs-theme="dark"] .fs-module-box .fs-btn-special:active, [data-bs-theme="dark"] .fs-module-box .fs-btn-special:focus:hover, [data-bs-theme="dark"] #fs-myActivityModal .fs-btn-special:hover, [data-bs-theme="dark"] #fs-myActivityModal .fs-btn-special:focus, [data-bs-theme="dark"] #fs-myActivityModal .fs-btn-special:active, [data-bs-theme="dark"] #fs-myActivityModal .fs-btn-special:focus:hover{
    background-color: var(--fs-theme-secondary-color) !important;
}

[data-bs-theme="dark"] .fs-module-box .fs-btn-secondary, [data-bs-theme="dark"] #fs-myActivityModal .fs-btn-secondary{
    background-color: var(--fs-gray-color-500);
}

[data-bs-theme="dark"] .fs-module-box .fs-btn-secondary:hover, [data-bs-theme="dark"] .fs-module-box .fs-btn-secondary:focus, [data-bs-theme="dark"] .fs-module-box .fs-btn-secondary:active, [data-bs-theme="dark"] .fs-module-box .fs-btn-secondary:focus:hover, [data-bs-theme="dark"] #fs-myActivityModal .fs-btn-secondary:hover, [data-bs-theme="dark"] #fs-myActivityModal .fs-btn-secondary:focus, [data-bs-theme="dark"] #fs-myActivityModal .fs-btn-secondary:active, [data-bs-theme="dark"] #fs-myActivityModal .fs-btn-secondary:focus:hover{
    background-color: var(--fs-gray-color-400) !important;
}

#fs-extension-header{
	padding: 10px 20px 10px 20px;
	color: var(--fs-white-color);
	background-color: var(--fs-gray-color-900);
	display: inline-block;
	border-radius: 4px;
}

.fs-module-box-activity, [data-bs-theme="dark"] .fs-module-box-activity{
	/*
	color: #000;
	background-image: radial-gradient(#f2eefb 20%, transparent 20%),
	  radial-gradient(#f2eefb 20%, transparent 20%);
	background-color: #ede5fd;
	background-position: 0 0, 70px 70px;
	background-size: 140px 140px;
	*/
}

#fs-activity-hint{
	border: 3px solid #000;
    background-color: var(--fs-gray-color-200);
}

#fs-activity-hint li{
	margin-bottom: 10px;
}

.fs-btn-black-border{
	border: 3px solid #000;
	color: #000;
}

.fs-btn-black-border:hover{
	color: #000;
	border: 3px solid #000;
}

.fs-attachement-icon{
	color: var(--fs-black-color);
}


@-webkit-keyframes fs-bordermove {    
  0% {
	border: 4px dashed var(--fs-black-color);	
  }
  50% {
	border: 4px dashed var(--fs-theme-secondary-color);	
  }
  100% {
	border: 4px dashed var(--fs-black-color);	
  }
}


#fs-quiz-score-div, #fs-activity-score-div{
	animation: fs-bordermove 0.8s ease-in infinite;
	border: 4px dashed var(--fs-black-color);	
}

#fs-quiz-div .fs-text-secondary{
	color: var(--fs-theme-secondary-color);
}

[data-bs-theme="dark"] #fs-quiz-div .fs-text-secondary{
	color: var(--fs-theme-dark-secondary-color);
}

#fs-quiz-div .disabled{
	opacity: 1;
}

#fs-quiz-score-div .fs-btn-special, #fs-activity-score-div .fs-btn-special{
    background-color: var(--fs-theme-secondary-color);
}

#fs-quiz-score-div .fs-btn-special:hover, #fs-quiz-score-div .fs-btn-special:focus, #fs-quiz-score-div .fs-btn-special:active, #fs-quiz-score-div .fs-btn-special:focus:hover{
    background-color: var(--fs-theme-dark-secondary-color);
}

#fs-activity-score-div .fs-btn-special:hover, #fs-activity-score-div .fs-btn-special:focus, #fs-activity-score-div .fs-btn-special:active, #fs-activity-score-div .fs-btn-special:focus:hover{
    background-color: var(--fs-theme-dark-secondary-color);
}

.fs-score-div-green{
	color: #000;
	background-color: var(--fs-green-blue-color) !important;
}

.fs-score-div-red{
	color: #000;
	background-color: var(--fs-pink-color) !important;
}

#fs-myModalContent table tr{
	border-color: var(--fs-black-color) !important;
}

/* theme only */
.fs-strip-secondary-bg{
    background-image: linear-gradient(135deg, #ede5fd 25%, #f2eefb 25%, #f2eefb 50%, #ede5fd 50%, #ede5fd 75%, #f2eefb 75%, #f2eefb 100%);
    background-size: 226.27px 226.27px;
}

[data-bs-theme="dark"] .fs-strip-secondary-bg{
    background-image: linear-gradient(135deg, #732f8f 25%, #6b2887 25%, #6b2887 50%, #732f8f 50%, #732f8f 75%, #6b2887 75%, #6b2887 100%);
    background-size: 226.27px 226.27px;
    color: #fff;
}

/* need to repeat this style in theme to upgrade priority */
.fs-disabledBtn, .fs-disabledBtn:focus, .fs-disabledBtn:active, .fs-disabledBtn:focus:hover{
	color: transparent !important;
}