/*
 * Globals
 */

/* Fonts */
/*
@font-face{
    font-family:"ArialMT";
    src:url("assets/fonts/ArialMT.ttf") format("woff"),
    url("assets/fonts/ArialMT.ttf") format("opentype"),
    url("assets/fonts/ArialMT.ttf") format("truetype");
}
@font-face{
    font-family:"Georgia-BoldItalic";
    src:url("assets/fonts/Georgia-Bold-Italic.ttf") format("woff"),
    url("assets/fonts/Georgia-Bold-Italic.ttf") format("opentype"),
    url("assets/fonts/Georgia-Bold-Italic.ttf") format("truetype");
}
*/

/* Links */

/*
 * Base structure
 */

.container.ctn-bookmarks {
	padding-top: 15px;
}

main > .container.ctn-hero {
/*
	padding-top: 250px;
	background: transparent bottom center url('/assets/img/bg/Background-Purple.png');
*/
}

/*
 * Base HTML markup
 */


main .row + .row {
    margin-top: 1rem;
}

.navbar-brand {
	padding-top: 0;
	padding-bottom: 0;
	margin-top: 0px;
	margin-bottom: -5px;
}
.navbar-brand img.logo {
	max-height: 53px;
	width: auto;
}

/* Cards */
main .card-text {
	max-height: 1.4em;
	overflow: hidden;
}

/* Group separator */
hr.group-separator {
	margin: 4em 0;
}

/* Back to top button */
#toTopBtn {
	position: fixed;
	bottom: 15px;
	right: 30px;
	z-index: 98;
	padding: 21px;
	background-color: hsla(244, 76%, 62%, .6)
}

.js .cd-top--fade-out {
	opacity: .5
}

.js .cd-top--is-visible {
	visibility: visible;
	opacity: 1
}

.js .cd-top {
	visibility: hidden;
	opacity: 0;
	transition: opacity .3s, visibility .3s, background-color .3s
}

.cd-top {
	position: fixed;
	bottom: 20px;
	bottom: var(--cd-back-to-top-margin);
	right: 20px;
	right: var(--cd-back-to-top-margin);
	display: inline-block;
	height: 40px;
	height: var(--cd-back-to-top-size);
	width: 40px;
	width: var(--cd-back-to-top-size);
	box-shadow: 0 0 10px rgba(0, 0, 0, .05) !important;
	background: url(/assets/img/icons/cd-top-arrow.svg) no-repeat center 50%;
	background-color: hsla(220, 76%, 62%, .8);
	background-color: hsla(var(--cd-color-3-h), var(--cd-color-3-s), var(--cd-color-3-l), 0.8)
}

.bg-dark {
	background-color: #272727 !important;
}

.lead {
	color: #5f6b7c;
	margin-bottom: 3rem;
}

h1 > span {
	color: #8787de;
}


/* Buttons */

.btn-primary {
	background-color: #8787de;
	border-color: #8787de;
}
.btn-primary:hover {
	background-color: #5f5fd3;
	border-color: #5f5fd3;
}
.btn-check:focus + .btn-primary, .btn-primary:focus {
	background-color: #5500d4;
	border-color: #5500d4;
/*
	box-shadow: 0 0 0 .25rem #b7bec8;
*/
box-shadow: 0 0 0 .25rem rgba(191,191,255,.3);
}
.btn-check:active + .btn-primary, .btn-check:checked + .btn-primary, .btn-primary.active, .btn-primary:active, .show > .btn-primary.dropdown-toggle {
	background-color: #5500d4;
	border-color: #5500d4;
}
.btn-check:active + .btn-outline-success:focus, .btn-check:checked + .btn-outline-success:focus, .btn-outline-success.active:focus, .btn-outline-success.dropdown-toggle.show:focus, .btn-outline-success:active:focus {
	box-shadow: 0 0 0 .25rem rgba(191,191,255,.3);
}

.btn-outline-success {
	color: #8787de;
	border-color: #8787de;
}
.btn-outline-success:hover {
	background-color: #5f5fd3;
	border-color: #5f5fd3;
}
.btn-check:active + .btn-outline-success, .btn-check:checked + .btn-outline-success, .btn-outline-success.active, .btn-outline-success.dropdown-toggle.show, .btn-outline-success:active {
	background-color: #8787de;
	border-color: #8787de;
}
.btn-check:focus + .btn-outline-success, .btn-outline-success:focus {
	box-shadow: 0 0 0 .25rem rgba(191,191,255,.5);
}

.btn-outline-primary {
	color: #5f5fd3;
	border-color: #5f5fd3;
}
.btn-outline-primary:hover {
	background-color: #5f5fd3;
	border-color: #5f5fd3;
}
.btn-check:active + .btn-outline-primary, .btn-check:checked + .btn-outline-primary, .btn-outline-primary.active, .btn-outline-primary.dropdown-toggle.show, .btn-outline-primary:active {
	background-color: #5f5fd3;
	border-color: #5f5fd3;
}
.btn-check:focus + .btn-outline-primary, .btn-outline-primary:focus {
	box-shadow: 0 0 0 .25rem rgba(191,191,255,.5);
}

@media (max-width: 991px) {
  .btn-group.kjm-btn-group-responsive > .btn {
    display: block;
    width: 100%;
  }
  
	.btn-group, .btn-group-vertical {
		display: block;
	}
  
  /* making the border-radius correct */
  .btn-group.kjm-btn-group-responsive > .btn:first-child {
    border-radius: 6px 6px 0 0;
  }
  .btn-group.kjm-btn-group-responsive > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
    border-top-right-radius: 6px;
  }
  .btn-group.kjm-btn-group-responsive > .btn:last-child:not(:first-child) {
    border-radius: 0 0 6px 6px;
  }
  
  /* fixing margin */
  .btn-group.kjm-btn-group-responsive .btn + .btn {
    margin-left: 0;
  }
  
}


/* Links */
a {
	color: #5f5fd3;
}
a:hover {
	color: #5500d4;
}


/* Forms */
.form-control:focus {
	color: #212529;
	background-color: #fff;
	border-color: #5500d4;
	box-shadow: 0 0 0 .25rem rgba(191,191,255,.3);
}


@media (max-width: 1399px) {
	.col {
		margin-bottom: 15px;
	}
	
	.form-ctn {
		margin-bottom: 5px;
	}
	.form-ctn.spacer {
		padding-top: 10px;
		margin-bottom: 10px;
	}
}


/*****************************************/
/* Themes */
/*****************************************/


/* Light */
/*****************************************/

body.theme-light {
	background-color: #ffffff;
}
body.theme-light .search-field {
	background-color: #ffffff;
}
body.theme-light .bg-light {
	background-color: #f0f0f0 !important;
}


/* B&W */
/*****************************************/

body.theme-bw {
	background-color: #f0f0f0;
}
body.theme-bw .search-field {
	background-color: #f0f0f0;
}
body.theme-bw .bg-light {
	background-color: #D4D5D6 !important;
}


/* Dark */
/*****************************************/

body.theme-dark {
	background-color: #222222;
	color: #f0f0f0;
}
body.theme-dark .card {
	color: #222222;
	border: 1px solid rgb(0, 0, 0);
}
body.theme-dark .bg-dark {
	background-color: #111 !important;
}
body.theme-dark .search-field {
	background-color: rgba(255, 255, 255, .1);
	border-color: rgba(255, 255, 255, .1);
}
body.theme-dark .modal-content {
	background-color: #272727;
}
body.theme-dark .bg-light {
	background-color: #1B1B1B !important;
}

body.theme-dark .setting-field {
	background-color: #111;
	color: rgba(255,255,255,.40);
	border-color: #333;
}
body.theme-dark .setting-field:focus {
	color: rgba(255,255,255,.75);
	background-color: #222;
	border-color: #444;
}

body.theme-dark .modal-header {
	border-bottom: 1px solid #5f6b7c;
}
body.theme-dark .modal-footer {
	border-top: 1px solid #5f6b7c;
}

body.theme-dark .form-control {
	color: #FFFFFF;
}

body.theme-dark .card .btn-primary {
	background-color: #5f5fd3;
	border-color: #5f5fd3;
}
body.theme-dark .card .btn-primary:hover {
	background-color: #5500d4;
	border-color: #5500d4;
}
body.theme-dark .card .btn-check:focus + body.theme-dark .card .btn-primary, body.theme-dark .card .btn-primary:focus {
	background-color: #330080;
	border-color: #330080;
/*
	box-shadow: 0 0 0 .25rem #b7bec8;
*/
box-shadow: 0 0 0 .25rem rgba(191,191,255,.3);
}

body.theme-dark .btn-check:active + body.theme-dark .btn-primary, body.theme-dark .btn-check:checked + body.theme-dark .btn-primary, body.theme-dark .btn-primary.active, body.theme-dark .btn-primary:active, body.theme-dark .show > .btn-primary.dropdown-toggle {
	background-color: #5500d4;
	border-color: #5500d4;
}
body.theme-dark .btn-check:active + body.theme-dark .btn-outline-success:focus, body.theme-dark .btn-check:checked + body.theme-dark .btn-outline-success:focus, body.theme-dark .btn-outline-success.active:focus, body.theme-dark .btn-outline-success.dropdown-toggle.show:focus, body.theme-dark .btn-outline-success:active:focus {
	box-shadow: 0 0 0 .25rem rgba(191,191,255,.3);
}

body.theme-dark .modal .h6, body.theme-dark .modal h6 {
	color: #b7bec8;
}


/* Themes - End */
/*****************************************/


/*
 * Responsive
 */

/* Extra small devices (portrait phones, less than 576px) */
/* No media query for `xs` since this is the default in Bootstrap */

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {

}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {}

/* Small devices (landscape phones, less than 768px) */
@media (max-width: 767.98px) {
	
}