/** 
* @project 		Excel-puzzles Online School
* @author 		Dmitry Karev (dmitry.karev@gmail.com)
* @copyright 	Copyright (C) 2022 Dmitry Karev, All rights reserved.
* @license 		GNU General Public License version 3 or later; see LICENSE.txt
* @link 		https://excel-puzzles.com/
* @modified		2022-07-28
*/
@import url('https://fonts.googleapis.com/css2?family=Play&display=swap');

:root {
	--black: #000;
	--white: #fff;
	--light: #eeeeee;
	
	
	--delta-color-main: #8D99FF;
	--delta-color-hover: #f7f8f9;
	--delta-color-light: #ddd;	
	--delta-color-excel: #5CBA3C;
	
	--max-width: none;
}

body {
    font-family: 'Play', sans-serif;
	font-size: .9rem !important;
}

#blocksliderbutton .fa-arrows-v {
	font-size:1rem  !important;
}
.bg-dark {
    --color-primary: #586F8E; /* #4079B0; */
	--color-hover: #2C659C;
	background-color: var(--color-primary);
    background-image: linear-gradient(135deg,var(--color-primary) 0,var(--color-hover) 100%);
}

.btn {
    --btn-padding-x: 1rem;
    --btn-padding-y: 0.6rem;
    --btn-font-family: ;
    --btn-font-size: 1rem;
    --btn-font-weight: 400;
    --btn-line-height: 1.5;
    --btn-border-width: 1px;
    --btn-border-color: transparent;
    --btn-border-radius: 0.25rem;
    --btn-hover-border-color: transparent;
    --btn-box-shadow: inset 0 1px 0 hsla(0,0%,100%,.15),0 1px 1px rgba(0,0,0,.075);
    --btn-disabled-opacity: 0.65;
    --btn-focus-box-shadow: 0 0 0 0.25rem rgba(var(--btn-focus-shadow-rgb),.5);
    border: var(--btn-border-width) solid var(--btn-border-color);
    border-radius: var(--btn-border-radius);
    cursor: pointer;
    display: inline-block;
    text-align: center;
    text-decoration: none;
    -webkit-transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
    -o-transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    vertical-align: middle;
}

.btn-footer-popover {
	display:none !important;
}

/*
#learnrpage {
    border-radius: 10px;
}
*/
.container, #region-main {
    padding: 1rem;
}
a.courseindex-link.text-truncate {
	text-overflow: inherit;
    white-space: inherit;
    line-height: 1.2;
    font-size: 0.8rem;
}
.courseindex .courseindex-item {
    padding: 0.25rem 0.5rem;
    border: 1px solid transparent;
    border-radius: 0.25rem;
}
.courseindex .courseindex-section {
    margin-bottom: 0;
    padding: 0.5rem 0;
}
.courseindex .courseindex-section .courseindex-sectioncontent .courseindex-item {
    padding-left: 1.5rem;
}
.course-content .topics li.section, .course-content .weeks li.section {
	background: #f8f9fa;
}
.coursebox .content .courseimage img {
    max-width: 200px;
    max-height: 150px;
}
.custom-control-input:checked~.custom-control-label::before {
    background-color: #2edd5c !important;
    border-color: #2edd5c !important;
}
.custom-switch .custom-control-input:checked ~ .custom-control-label::after {
    background-color: #fff !important;
    transform: translateX(0.9375rem);
}

.dashboard-card-deck .dashboard-card .dashboard-card-img {
    height: 20rem;
}
.dashboard-list-img {
    height: 10rem;
}
.description-inner img {
    width: -webkit-fill-available;
}
.drawerheader, .drawercontent {
    border-right: 1px solid #ccc;
    /*border-left: 1px solid #ccc;*/
}

.editor_atto_content {
	border: 1px solid #999;
}

.login-container {
    background-color: rgba(255,255,255,.8);
    border-radius: 2rem;
}

#logoimage.img-fluid {
	min-width:345px;
}

.secondary-navigation .navigation .nav-tabs {
    border-radius: 0.25rem;
}

.navbar.navbar-dark.bg-dark .nav-link .icon, .navbar.navbar-dark.bg-dark .nav-link a .icon, .navbar.navbar-dark.bg-dark .usermenu .dropdown-toggle, .navbar.navbar-dark.bg-primary .nav-link .icon, .navbar.navbar-dark.bg-primary .nav-link a .icon, .navbar.navbar-dark.bg-primary .usermenu .dropdown-toggle {
    color: var(--light) !important;
}
.navbar.navbar-dark.bg-dark .editmode-switch-form, .navbar.navbar-dark.bg-dark .editmode-switch-form label, .navbar.navbar-dark.bg-primary .editmode-switch-form, .navbar.navbar-dark.bg-primary .editmode-switch-form label {
    color: var(--light) !important;
}
.navbar.navbar-dark.bg-dark .nav-link, .navbar.navbar-dark.bg-primary .nav-link {
    color: var(--light);
}
#page.drawers {
	padding-left: 10%;
	padding-right: 10%;
}
#page.drawers .main-inner {
    /*background-color: transparent;*/
    /*max-width: var(--max-width) !important;*/
}


.pagelayout-login #page {
    /*background: none;*/
    /*background-size: cover;*/
}
.pagelayout-maintenance .page-header-headings {
    background: transparent;
}

#page-wrapper {
    background: url(/_karev/images/eLearning_light.jpg);
    background-size: cover;
}

#page-site-index .page-header-headings {
	display: none;
}
.row {
    margin:auto;
}

.secondary-navigation .navigation .nav-tabs {
    max-width: var(--max-width);
    padding: 0 1.5rem;
}

.text-uppercase {
	display:none;
}


@media (min-width: 768px) {
    .pagelayout-standard #page.drawers .main-inner, body.limitedwidth #page.drawers .main-inner {
        max-width: 1280px;
    }
    
    .header-maxwidth {
        max-width: var(--max-width);
        margin: 0 auto;
        padding: 0.5rem 2.5rem;
    }
    
	.secondary-navigation {
		padding: 0;
		padding-bottom: 15px;
	}
}