/*
 * Base structure
 */
@import url('https://fonts.googleapis.com/css?family=Rubik&display=swap');

/* Move down content because we have a fixed navbar that is 50px tall */

body {
    padding-top: 80px;
    padding-bottom: 60px;
	font-family: 'Rubik', sans-serif;
}
html,
body {
  overflow-x: hidden; /* Prevent scroll on narrow devices */
}
html {
      scroll-behavior: smooth !important;
    }

/*main content area*/
main h2{
  padding-top: 20px;
  padding-bottom: 20px;
}
main h3{
    padding-top: 10px;
    padding-bottom: 10px;
}

img{
    max-width: 100%;
}
a:hover, a:focus{
    color: #9a9c9e;
    text-decoration: none;
}

/*navbar*/
.navbar.navbar-custom h3{
  color: #fff;
  text-align: center;
  font-size: 20px;
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #1a57b4;
  margin-bottom: 0;
}
                                        
.navbar.navbar-custom {
      background-color: #fff;
    box-shadow: 0px 3px 11px 0px #0000001f;
}


/*
 * Sidebar
 */

.sidebar {
    position: fixed;
    top: 51px;
    bottom: 0;
    z-index: 1000;
    padding: 20px;
    overflow-x: hidden;
    overflow-y: auto;
    /* Scrollable contents if viewport is shorter than content. */
    border-right: solid 1px rgba(132, 146, 166, 0.2);
	    font-size: 13px;
}


/* Sidebar navigation */

.sidebar {
    padding-left: 0;
    padding-right: 0;
}

.sidebar .nav {
    margin-bottom: 20px;
    margin-top: 20px;
}

.sidebar .nav-item {
    width: 100%;
	padding: 0 0 23px 30px!important;
}
.sub-menu ul {
    margin: 20px 0 0 0!important;
}
.sidebar .nav-item + .nav-item {
    margin-left: 0;
}

.sidebar .nav-link {
    border-radius: 0;
	padding:0;
}
.sidebar .nav-link.intro p {
    font-size: 14px;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #3c4858;
}
.nav-link {
    color: #3c4858;
}

.sidebar .nav-link:hover, .nav-link:focus{
color: #2459bc;
	font-weight: 500;
}

.sidebar .nav-link:hover p, .nav-link.active p{
    color: #1b5fc2!important;
	font-weight: 500!important;
}
.sidebar .nav-link.active{
    background-color: transparent;
}
.sidebar .nav-item p{
   font-size: 13px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #8492a6;
      margin: 0;
}
.sidebar a.nav-link.active {
    color: #2459bc!important;
    font-weight: 600!important;
}

.sidebar-heading{
  color: #fff;
  font-size: 28px;
  padding-bottom: 0px;
  text-align: center;

}
.sidebar-heading:hover{
  color: #0f0;
  text-decoration: none;
}
.sidebar-heading p{
  color: #9a9c9e;
  font-size: 22px;
}
/*sub-menu collapse*/
.sub-menu .nav-item{
	padding: 0 0 13px 20px!important;
}
.sub-menu .nav-link{
    color: #8492a6;
	font-size: 13px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
}

.sub-menu .nav-link:visited{
    color: #8492a6;
}
.sub-menu .nav-link:hover, .nav-link:focus{
    color: #2459bc;
}
/*end sub-menu collapse*/

/*
 * Dashboard
 */





/*blog style*/

.blog-post-title {
 font-size: 20px;
    font-weight: 800;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #3c4858;
	    margin-bottom: 20px;
}
.blog-post p,.blog-post li {
    font-size: 14px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.57;
    letter-spacing: normal;
    color: #3c4858;
	margin: 0.5em 0 0.9em 0;
}
a{
	 font-size: 13px;
  font-weight: 600;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #2459bc;
}
.blog-main h2 {
    padding-top: 20px;
    padding-bottom: 10px;
    font-size: 20px;
    font-weight: 600;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #3c4858;
}
.blog-main h3{
	font-size: 18px;
    font-weight: 600;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #3c4858;
}
.blog-main h4{
	font-size: 16px;
    font-weight: 600;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #3c4858;
}
.blog-main h5{
	font-size: 15px;
    font-weight: 600;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #3c4858;
}
.blog-main h6{
	font-size: 14px;
    font-weight: 600;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #3c4858;
}
.blog-post-meta {
  margin-bottom: 1.25rem;
  color: #999;
}
/*end blog style*/


/* Right sidebar modules for boxing content */
@media (min-width: 992px){
	.blog-sidebar {
		border-left: solid 1px rgba(132, 146, 166, 0.2);
	}
}
.sidebar-module {
    position: fixed;
    padding: 1rem;
    margin-top: 30px;
    text-align: left;
}
.sidebar-module a:hover {
    color: #896180;
}
.sidebar-module h5{
    color: #9799a7;
}
.sidebar-module-inset {
    padding: 0 1rem;
    background-color: #fff;
    border-radius: .25rem;
    width: 250px;
	margin-top: 0;
}
.sidebar-module h4 {
    font-size: 14px;
    font-weight: 600;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #2459bc;
}
.sidebar-module ol{
	padding-left:15px;
}
.sidebar-module ol ol{
	padding-left:15px;
}
.sidebar-module ol ol li {
    list-style: none;
	
}
.sidebar-module li{
	color: #8492a6;
	font-size: 13px;
	margin-bottom:10px;
}
.sidebar-module li  a{
	font-size: 13px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #8492a6;
}
.sidebar-module-inset .rounded-number {
    border-radius: 50%;
    height: 60px;
    line-height: 60px;
    width: 60px;
    position: absolute;
    top: 20px;
    right: -20px;
    background-color: #cecfd5;
    text-align: center;
    font-size: 1.71428571rem;
    color: #fff;
}
.sidebar-module-inset p:last-child,
.sidebar-module-inset ul:last-child,
.sidebar-module-inset ol:last-child {
    margin-bottom: 0;
}
.navbar-example .fixed-top,
.navbar-example .fixed-bottom {
    position: static;
}
article{
    position: relative;
    overflow-y: scroll;
    max-height: 200px;
}


@media screen and (max-width: 991px) {
  .row-offcanvas {
    position: relative;
    -webkit-transition: all .25s ease-out;
         -o-transition: all .25s ease-out;
            transition: all .25s ease-out;
  }

  .row-offcanvas-right {
    right: 0;
  }

  .row-offcanvas-left {
    left: 0;
  }

  .row-offcanvas-right
  .sidebar-offcanvas {
    right: -100%; /* 12 columns */
  }

  .row-offcanvas-right.active
  .sidebar-offcanvas {
    right: -50%; /* 6 columns */
  }

  .row-offcanvas-left
  .sidebar-offcanvas {
    left: -100%; /* 12 columns */
  }

  .row-offcanvas-left.active
  .sidebar-offcanvas {
    left: -50%; /* 6 columns */
  }

  .row-offcanvas-right.active {
    right: 50%; /* 6 columns */
  }

  .row-offcanvas-left.active {
    left: 50%; /* 6 columns */
  }

  .sidebar-offcanvas {
    position: absolute;
    top: 0;
    width: 50%; /* 6 columns */
  }

  .sidebar-module {
    position: relative;
  }
}
/*grid system*/
.bd-example .row>[class^=col-]{
  background-color: rgba(86,61,124,.15);
  border: 1px solid rgba(86,61,124,.2);
}
.bd-example .row+.row {
  margin-top: 1rem;
}
/*table*/
.table-dark{
  background-color: #42444e;
  color: #ffe6de;
}

.small-card{
  width: 200px;
}
.example-box{
  border: 2px solid #000000;
  background-color: #9799a7;
}

/*navbar*/
.navbar-example{
  display: inline-block;
  max-width: 100%;
}

/*codeemirror*/
.CodeMirror{
  margin-top: 10px;
}
/*contest banner*/
.contest-banner {
    background-image: linear-gradient(to left,#fad961,#f76b1c);
}
.contest-banner + .navbar.navbar-custom{
  margin-top:53px!important;
}
.contest-banner p,.contest-banner a {
    color: #fff;
    font-size: 14px;
}
.contest-banner a{
  text-decoration: underline;
  font-weight: 500;
}
.contest-banner a.remove-banner {
    text-decoration: none;
}
@media (min-width: 576px){
.contest-dialog {
    max-width: 700px;
}
}
.contest-body h2 {
    font-size: 25px;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #000;
}
.contest-body p ,.contest-body li{
    font-size: 14px;
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.71;
    letter-spacing: normal;
    color: #464545;
}
.modal-dialog.contest-dialog {
    min-height: calc(100vh - 60px);
    display: flex;
    flex-direction: column;
    justify-content: center;
    overflow: auto;
}
.contest-body {
    background-image: url(../images/contest-bg.png);
    background-repeat: no-repeat;
    background-position: bottom right;
    padding: 10px 30px 30px;
}
.contest-dialog button.close:focus{
    outline: none;
}
.contest-banner + .navbar + .container-fluid .row.row-offcanvas.row-offcanvas-right,.contest-banner + .navbar + .container-fluid .row.row-offcanvas.row-offcanvas-right nav#sidebar {
    margin-top: 53px;
}
/************/