/* Header Customizations */
/*.header-body {background-color: #fdfdfd!important;}*/
.header-nav-bar {border-top: 1px solid #f7f7f5; border-bottom: 2px solid #e5e6df;}

/* Search box color */
.simple-search .input-group-append {
	background: #ffffff;
}

/*Sidebar */
/*aside .nav-link {padding: 0rem;} 
aside ul.nav-list li {margin-left:20px;}*/
.btn-responsive-nav {margin-top: -4px;}
aside ul.nav-list li a {border-bottom: 0px; padding: 8px 0 2px 22px;} 
aside ul.nav-list li ul li {margin: 0px;}
aside ul.nav-list > li > a, ul.nav-list li a {font-size: 15px;}
aside ul.nav-list li a:hover {color: #e36159;}
aside ul.nav-list li a:hover::before {font-family: 'Font Awesome 5 Free';content: "\f061";font-size: .60em;}
ul.nav-list li > a.active {font-weight: normal;color: #043fb5;}
ul.nav-list li a::before {content: "\f518";font-size: .60em;left: 4px;}
ul.nav-list li > a.active::before {font-family: 'Font Awesome 5 Free';content: "\f5da";font-size: .875em;}

.pin-wrapper,#sidebar:not(.sticky-active) {width: 100% !important;}
/*#sidebar {max-height: 690px; overflow:auto!important;}*/
.left-nav {margin: 5px 0px;}

.toggle .toggle {
    background-color: #ffffff;
	border-radius: 3px!important;
	box-shadow: 0 1px 2px 0 rgba(60, 64, 67, .30), 0 1px 3px 1px rgba(60, 64, 67, .15)!important;
}

section .toggle.active {    
	background-color: rgb(255, 255, 255);
    /*box-shadow: rgb(240, 244, 247) 0px 16px 32px; */
    border-radius: 3px!important;
}

.toggle.active > label:before {
    content: "\f068";
	top: unset;
    transform: none;
}

.toggle > label:before {
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    content: "\f067";
    position: absolute;
    top: calc(20% + 1px);
    right: 14px;
    border-color: #CCC;
    border-top: 0px solid;
    border-right: 0px solid;
    width: 8px;
    height: 8px;
    -webkit-backface-visibility: hidden;
    backface-visibility: none;
    transition: none;
    transform: none;
    transform-origin: revert;
    top: unset;
}

.toggle-content {padding: 7px;}

.toggle > label {
    padding: 5px 20px 5px 10px;
    border-radius: 3px!important;
}

.left-nav {
    color: #777;
    background-color: #fff;
    border-radius: 3px!important;
}

.left-ads { margin: 0px 10px 0px 0px!important;} 

/*body coding */

label {margin-bottom: 0px;}
.body{background-color: rgb(248, 249, 250);}



.topic-summary {border: 1px solid #eaeaea;border-width: 1px 0;margin: 20px 0;padding: 15px 0 10px 0;line-height: 1.2;}
.topic-summary p{margin: 0 0 0 0;}

.top-nav {margin-top: 7px;margin-right: 0px;}
/*.top-nav-short {margin-top: -40px;margin-right: 0px;}*/

.card-body {padding: 0.75rem;}	
.card-header {padding: 0rem 0.75rem;background-color: #fcfcfc;}
.card-header h4 {margin: 10px 0 10px 0;}

.top-cardnav {margin-top: .80rem;}
.bottom-nav {padding: 9px 0 30px 0;line-height: 1.5;}

h1, h2, h3, h4, h5, h6 {text-transform:initial;margin: 15px 0 15px 0;font-weight: normal;text-shadow: 1px 1px 1px rgba(0,0,0,0.2), 0px -5px 3px rgba(255,255,255,0.3);}
h1 {font-size: 1.6em;}
h2, h3, h4, h5, h6 {font-size: 1.4em;}

.content-box h1 {margin-left:-8px; margin-top: 25px;}
.content-box h2, .content-box h3, .content-box h4, .content-box h5, .content-box h6 {margin-left:-4px; margin-top: 25px;}
.content-box ul li, .content-box ol li {line-height: 26px;margin-bottom: 10px;}
.content-box ul.small-listing li, .content-box ol.small-listing li {line-height: 26px;margin-bottom: 4px;}

.sh-text {font-family: 'Cookie', cursive;font-size: 1.8em;margin: 10px 0 10px 0;color: #58769d;text-shadow: 1px 1px 1px rgba(0,0,0,0.2), 0px -5px 3px rgba(255,255,255,0.3);}
.nav-item a.newstyle {font-family: 'Cookie', cursive;font-size: 1.4em;color: #038c9e;text-shadow: 1px 1px 1px rgba(0,0,0,0.2), 0px -5px 3px rgba(255,255,255,0.3);}
tbody tr.hbgr {background-color: #fcfcfc;}

/*.example-title, .codebox-title, .outputbox-title, .explainbox-title{padding: 10px 5px 10px 12px;background:#fcfcfc; font-size: 1.3em;text-transform: capitalize;text-shadow: 1px 1px 1px rgba(0,0,0,0.2), 0px -5px 3px rgba(255,255,255,0.3);}
.example-problem, .outputbox-text, .explainbox-text {padding: 10px 5px 10px 12px;}
.codebox, .outputbox, .explainbox{border:1px solid #ddd;}*/
.sub-title h4 {font-family: 'Cookie', cursive;margin:0;font-size:22px;line-height:40px;display:inline;font-weight:500;text-shadow: 1px 1px 1px rgba(0,0,0,0.2), 0px -5px 3px rgba(255,255,255,0.3);letter-spacing: 1.2px;}
.example-title{padding-left:12px;border-bottom:1px solid #ddd;background:#fcfcfc;}
.example-title h4 {font-family: 'Cookie', cursive;margin:0;font-size:22px;line-height:40px;float:left;display:inline;font-weight:500;text-shadow: 1px 1px 1px rgba(0,0,0,0.2), 0px -5px 3px rgba(255,255,255,0.3);letter-spacing: 1.2px;}
.example p {margin: 7px 0 10px 85px!important;}
.example-title, .codebox, .outputbox, .explainbox{border:1px solid #ddd;}
.codebox-title{height:41px;padding-left:12px;border-bottom:1px solid #ddd;background:#fcfcfc;}
.codebox-title h4 {font-family: 'Cookie', cursive;margin:0;font-size:18px;line-height:40px;float:left;display:inline;font-weight:500;text-shadow: 1px 1px 1px rgba(0,0,0,0.2), 0px -5px 3px rgba(255,255,255,0.3);letter-spacing: 1.2px;}
.codebox-title1{border-bottom:1px solid #ddd;background:#fcfcfc;}
.codebox-title1 h4 {font-family: 'Cookie', cursive;padding-left:12px;margin:0;font-size:18px;line-height:40px;float:left;display:inline;font-weight:500;text-shadow: 1px 1px 1px rgba(0,0,0,0.2), 0px -5px 3px rgba(255,255,255,0.3);letter-spacing: 1.2px;}
.codebox p {padding: 6px 0px !important;}
.outputbox-title{height:41px;padding-left:12px;border-bottom:1px solid #ddd;background:#fcfcfc;}
.outputbox-title h4 {font-family: 'Cookie', cursive;margin:0;font-size:18px;line-height:40px;float:left;display:inline;font-weight:500;text-shadow: 1px 1px 1px rgba(0,0,0,0.2), 0px -5px 3px rgba(255,255,255,0.3);letter-spacing: 1.2px;}
.outputbox p {margin: 10px 10px !important;}
.explainbox-title{height:41px;padding-left:12px;border-bottom:1px solid #ddd;background:#fcfcfc;}
.explainbox-title h4 {font-family: 'Cookie', cursive;margin:0;font-size:18px;line-height:40px;float:left;display:inline;font-weight:500;text-shadow: 1px 1px 1px rgba(0,0,0,0.2), 0px -5px 3px rgba(255,255,255,0.3);letter-spacing: 1.2px;}
.explainbox p {margin: 10px 10px !important;}
code[class*="language"] {padding: 0 1em 0 0.5em;}
:not(pre) > code[class*="language-"], pre[class*="language-"] {margin-bottom: 0em;}
pre[class*="language-"] {margin: 0 0;}
pre[class*="language-"] > code {border-left: 0px;box-shadow: 0px 0px 0px 0px #358ccb, 0px 0px 0px 1px #dfdfdf;}

.tabs {margin-bottom: 0px;}
.tab-content {padding: 2px;}

/*Box shadow */
 .alert {-webkit-box-shadow: 0px 0px 5px 0px rgba(210,212,214,1);
-moz-box-shadow: 0px 0px 5px 0px rgba(210,212,214,1);
box-shadow: 0px 0px 5px 0px rgba(210,212,214,1);}

.topic-breadcrumb, .topic-box, .summary-box-full, .index-box, .content-box, .summary-box-short, .bottom-nav-box {
    background-color: rgb(255, 255, 255);
    border-radius: 3px!important;
}
.topic-breadcrumb, .topic-box, .summary-box-full, .index-box, .summary-box-short {
	margin: 5px 0px 5px 0px;
}
.bottom-nav-box, .top-ads, .bottom-ads {
	margin: 5px 0px 5px 0px;
}

.header-level {
	background-color: #58769d;
	color: #FFF;
	border-radius: 20%;
	text-align: center;
	font-size: 12px;
	padding: 1px 7px 2px 5px;
}

.breadcrumb {margin-top: 9px;padding-top: .3rem!important; padding-bottom: .3rem!important; margin-bottom: 0.2rem!important;}    
.bfont {font-size: 1.1em;text-shadow: 1px 1px 1px rgba(0,0,0,0.2), 0px -5px 3px rgba(255,255,255,0.3);}
.breadcrumb-item:not(.active), .breadcrumb-item.active {padding-top: .2em!important;}
.breadcrumb {background-color: #ffffff;}

.breadcrumb-item + .breadcrumb-item::before {font-family: 'Font Awesome 5 Free';font-weight: 900;content: "\f101";font-size: .875em;}

.list li {margin-bottom: 2px;}
.text-quinary, html .list-quinary.list-icons li a:first-child > [class*="fa-"]:first-child {color: #a134eb!important;}
.text-senary, html .list-senary.list-icons li a:first-child > [class*="fa-"]:first-child   {color: #eb348c!important;}

.right-search {    
	background-color: rgb(255, 255, 255);
    border-radius: 3px!important;
	margin: 10px 0px 0px 10px;
}
.right-search, .left-nav, .toggle.active, .topic-breadcrumb, .topic-box, .summary-box-full, .index-box, .content-box, .summary-box-short, .bottom-nav-box  {
	/*box-shadow: 0 .125rem .75rem rgba(95, 97, 99, .15) !important;*/ box-shadow: 0 1px 2px 0 rgba(60, 64, 67, .30), 0 1px 3px 1px rgba(60, 64, 67, .15);
}
.top-ads, .bottom-ads /*, .right-ads-text, .right-ad1, .right-ad2, .right-ad3, .right-ad4, .right-ad5 */ {background-color: #ffffff; /*box-shadow: 0 .125rem .75rem rgba(95, 97, 99, .15) !important;*/}  
.top-ads, .bottom-ads /*, .right-ads-text*/ {border-radius: 3px!important;}


/*Footer Changes */
#footer {font-size:1em!important; margin-top: 10px;background: #34393f;border-top: 4px solid #34393f;}
#footer .navbar {padding: .5rem 0rem;}


/*Reducing Container-fuid Width */

@media (max-width: 991px) {
	aside {padding-left: 5px;}
	.main .container-fluid {
		width: 96%;padding-right: 0px; padding-left: 0px; 
	}
	
	.content-box, .summary-box-full .card-header, .summary-box-full .card-body, .index-box .card-header, .index-box .card-body, .topic-box, .summary-box-short, .bottom-nav-box, .breadcrumb/*, .top-ads, .bottom-ads*/ {
		padding-left: .7rem !important;padding-right: .7rem !important;
	}
    .content-box {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important;
    }
	/*.topic-box, .summary-box-short, .bottom-nav-box {
		padding-top: 0.7rem !important;padding-bottom: 0.7rem !important;
	}*/
	
	.top-ads, .bottom-ads {padding-top: 0.2rem; padding-bottom: 0.2rem;}
	/*.right-ads-text {padding: 1px 2px 1px 2px;margin-top: -10px;}*/
	.right-ad1, .right-ad2, .right-ad3, .right-ad4, .right-ad5 {margin-top: 10px;}
	.toggle .toggle {margin: 5px 5px 7px 0px;}
	code[class*="language-"], pre[class*="language-"] {font-family: "Fira Mono", monospace;font-size: .75em;}

}
@media (min-width: 992px) {
	.container-fluid {
		width: 96%;padding-right: 0px; padding-left: 0px;
	}
	.content-box, .summary-box-full .card-header, .summary-box-full .card-body, .index-box .card-header, .index-box .card-body, .topic-box, .summary-box-short, .bottom-nav-box, .breadcrumb/*, .top-ads, .bottom-ads*/ {
		padding-left: 2rem !important;padding-right: 2rem !important;
	}
    .content-box {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important;
    }
	.summary-box-full .card-header, .summary-box-full .card-body, .index-box .card-header, .index-box .card-body  {
		padding-top: 0.2rem; padding-bottom: 0.2rem;
	}
	/*.topic-box, .summary-box-short {padding-top: 1rem; padding-bottom: 1rem;}*/
	.bottom-nav-box {padding-top: .5rem; padding-bottom: .5rem;}
	.top-ads, .bottom-ads {padding-top: 0.2rem;padding-bottom: 0.2rem;}
	/*.right-ads-text,*/ .right-ad1, .right-ad2, .right-ad3, .right-ad4, .right-ad5 {margin: 10px 0px 0px 10px;}
	/*.right-ads-text {padding: 1px 0px 1px 5px;}*/
	.toggle .toggle {margin: 5px 10px 7px 0px!important;}   
	code[class*="language-"], pre[class*="language-"] {font-family: "Fira Mono", monospace;font-size: 1.04em;}	

}

/* For index page listing */
.index-nav li i.fa-minus::before {
    margin-left: -11px;
}
.index-nav ul.list.list-icons li {
    padding-left: 15px;
}
.index-nav ul li {margin-bottom:0px;}

/* Display font and view changes */
p {
    margin: 12px 0 12px 0;
    line-height: 28px;   
}
dl, ol, ul, p, table {
    color: #434445;
}
.body {
    font-size: 16px;
}
#header .header-nav-main nav > ul > li > a {
    font-size: 13px;
    letter-spacing: -0.2px;
}
h1, h2, h3, h4, h5, h6 {
    letter-spacing: -0.01em;
}