body {
    padding-top: 5rem;
}

.hiddenLeaks {
    display: none;
}

.allLeaksBtn {
    padding: 0px 5px;
    margin-left: 5px;
}

.vertical-text {
    writing-mode: vertical-rl;
    text-orientation: mixed;
}

.bg-inverse {
    font-weight: 550;
}

.btn-inline {
    padding: 2px 5px 0px;
}

.starter-template {
    padding: 3rem 1.5rem;
    text-align: center;
}

td.working {
    background: green;
}

td.not-working {
    background: red;
}

th {
    padding: .75rem;
    vertical-align: top;
    border-top: 1px solid #eceeef;
    max-width: 333px !important;
    word-wrap: break-word;
}

/* The switch - the box around the slider */
.switch {
    float: right;
    position: relative;
    display: inline-block;
    margin: 0px;
    width: 75px;
    height: 34px;
}

/* Hide default HTML checkbox */
.switch input {
    display: none;
}

/* The slider */
.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #d03d39;
    -webkit-transition: .4s;
    transition: .4s;
}

.slider:before {
    position: absolute;
    content: "";
    height: 26px;
    width: 26px;
    left: 4px;
    bottom: 4px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
}

input:checked + .slider {
    background-color: green;
}

input:focus + .slider {
    box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
    -webkit-transform: translateX(39px);
    -ms-transform: translateX(39px);
    transform: translateX(39px);
}

/* Rounded sliders */
.slider.round {
    border-radius: 34px;
}

.slider.round:before {
    border-radius: 50%;
}

#scoreboard td {
    vertical-align: middle !important;
}

.table td {
    /*vertical-align: baseline !important;*/
    max-width: 333px !important;
    word-wrap: break-word;
}

form {
    margin: 0em 1em;
}

table {
    width: 100%;
}

.list-right {
    float: right;
}

.modal-body {
    padding-right: 0%;
}

pre {
    overflow-x: auto;
    white-space: pre-wrap;
    white-space: -moz-pre-wrap;
    white-space: -pre-wrap;
    white-space: -o-pre-wrap;
    word-wrap: break-word;
}

#customFile .custom-file-control:lang(en)::after {
    content: "Select file...";
}

#customFile .custom-file-control:lang(en)::before {
    content: "Choose File";
}

.custom-file-control.selected:lang(en)::after {
    content: '' !important;
}

.custom-file {
    overflow: hidden;
}

.custom-file-control {
    white-space: nowrap;
}

.safe-font {
    font-family: "Courier New", Courier, monospace;
}

.loader {
    border: 12px solid #f3f3f3; /* Light grey */
    border-top: 12px solid #3498db; /* Blue */
    border-radius: 50%;
    width: 32px;
    height: 32px;
    float: right;
    margin: 0 auto;
    animation: spin 2s linear infinite;
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

.vline {
    border-left: 4px solid #0275d8;
    height: 25px;
    position: relative;
    margin-left: -2px;
    top: 0;
}

.admissionHead {
    font-size: 1.5em;
    margin-left: 25%;
}

.progress {
    position: relative;
}

.progress-bar-title {
    text-shadow: -1px 0 white, 0 1px white, 1px 0 white, 0 -1px white;
    position: absolute;
    text-align: center;
    line-height: 25px;
    font-size: 16pt;
    font-weight: bold;
    overflow: hidden;
    color: black;
    right: 0;
    left: 0;
    top: 0;
}

pre {
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
}


.highlight .hll { background-color: #ffffcc }
.highlight  { background: #f8f8f8; padding: 5px}
.highlight .c { color: #408080; font-style: italic } /* Comment */
.highlight .err { border: 1px solid #FF0000 } /* Error */
.highlight .k { color: #008000; font-weight: bold } /* Keyword */
.highlight .o { color: #666666 } /* Operator */
.highlight .ch { color: #408080; font-style: italic } /* Comment.Hashbang */
.highlight .cm { color: #408080; font-style: italic } /* Comment.Multiline */
.highlight .cp { color: #BC7A00 } /* Comment.Preproc */
.highlight .cpf { color: #408080; font-style: italic } /* Comment.PreprocFile */
.highlight .c1 { color: #408080; font-style: italic } /* Comment.Single */
.highlight .cs { color: #408080; font-style: italic } /* Comment.Special */
.highlight .gd { color: #A00000 } /* Generic.Deleted */
.highlight .ge { font-style: italic } /* Generic.Emph */
.highlight .gr { color: #FF0000 } /* Generic.Error */
.highlight .gh { color: #000080; font-weight: bold } /* Generic.Heading */
.highlight .gi { color: #00A000 } /* Generic.Inserted */
.highlight .go { color: #888888 } /* Generic.Output */
.highlight .gp { color: #000080; font-weight: bold } /* Generic.Prompt */
.highlight .gs { font-weight: bold } /* Generic.Strong */
.highlight .gu { color: #800080; font-weight: bold } /* Generic.Subheading */
.highlight .gt { color: #0044DD } /* Generic.Traceback */
.highlight .kc { color: #008000; font-weight: bold } /* Keyword.Constant */
.highlight .kd { color: #008000; font-weight: bold } /* Keyword.Declaration */
.highlight .kn { color: #008000; font-weight: bold } /* Keyword.Namespace */
.highlight .kp { color: #008000 } /* Keyword.Pseudo */
.highlight .kr { color: #008000; font-weight: bold } /* Keyword.Reserved */
.highlight .kt { color: #B00040 } /* Keyword.Type */
.highlight .m { color: #666666 } /* Literal.Number */
.highlight .s { color: #BA2121 } /* Literal.String */
.highlight .na { color: #7D9029 } /* Name.Attribute */
.highlight .nb { color: #008000 } /* Name.Builtin */
.highlight .nc { color: #0000FF; font-weight: bold } /* Name.Class */
.highlight .no { color: #880000 } /* Name.Constant */
.highlight .nd { color: #AA22FF } /* Name.Decorator */
.highlight .ni { color: #999999; font-weight: bold } /* Name.Entity */
.highlight .ne { color: #D2413A; font-weight: bold } /* Name.Exception */
.highlight .nf { color: #0000FF } /* Name.Function */
.highlight .nl { color: #A0A000 } /* Name.Label */
.highlight .nn { color: #0000FF; font-weight: bold } /* Name.Namespace */
.highlight .nt { color: #008000; font-weight: bold } /* Name.Tag */
.highlight .nv { color: #19177C } /* Name.Variable */
.highlight .ow { color: #AA22FF; font-weight: bold } /* Operator.Word */
.highlight .w { color: #bbbbbb } /* Text.Whitespace */
.highlight .mb { color: #666666 } /* Literal.Number.Bin */
.highlight .mf { color: #666666 } /* Literal.Number.Float */
.highlight .mh { color: #666666 } /* Literal.Number.Hex */
.highlight .mi { color: #666666 } /* Literal.Number.Integer */
.highlight .mo { color: #666666 } /* Literal.Number.Oct */
.highlight .sa { color: #BA2121 } /* Literal.String.Affix */
.highlight .sb { color: #BA2121 } /* Literal.String.Backtick */
.highlight .sc { color: #BA2121 } /* Literal.String.Char */
.highlight .dl { color: #BA2121 } /* Literal.String.Delimiter */
.highlight .sd { color: #BA2121; font-style: italic } /* Literal.String.Doc */
.highlight .s2 { color: #BA2121 } /* Literal.String.Double */
.highlight .se { color: #BB6622; font-weight: bold } /* Literal.String.Escape */
.highlight .sh { color: #BA2121 } /* Literal.String.Heredoc */
.highlight .si { color: #BB6688; font-weight: bold } /* Literal.String.Interpol */
.highlight .sx { color: #008000 } /* Literal.String.Other */
.highlight .sr { color: #BB6688 } /* Literal.String.Regex */
.highlight .s1 { color: #BA2121 } /* Literal.String.Single */
.highlight .ss { color: #19177C } /* Literal.String.Symbol */
.highlight .bp { color: #008000 } /* Name.Builtin.Pseudo */
.highlight .fm { color: #0000FF } /* Name.Function.Magic */
.highlight .vc { color: #19177C } /* Name.Variable.Class */
.highlight .vg { color: #19177C } /* Name.Variable.Global */
.highlight .vi { color: #19177C } /* Name.Variable.Instance */
.highlight .vm { color: #19177C } /* Name.Variable.Magic */
.highlight .il { color: #666666 } /* Literal.Number.Integer.Long */


.difficulty-icon{
	width: 4rem;
	height: 2rem;
	position: relative;
	margin-bottom: 0.5rem;
	z-index: -1;
}
.difficulty-icon.none{
	background: linear-gradient(0deg, #85CB9E 0%, #85CB9E 0%, #cecaca 0% , #cecaca 0%);
}
.difficulty-icon.none .bar{
	transform: rotate(-90deg);
}


.difficulty-icon.green{
	background: linear-gradient(30deg, #85CB9E 0%, #85CB9E 25%, #cecaca 25% , #cecaca 100%);
}
.difficulty-icon.green .bar{
	transform: rotate(-60deg);
}
.difficulty-icon.yellow{
	background: linear-gradient(60deg, #FECE0C 0%, #FECE0C 37.5%, #cecaca 37.5% , #cecaca 100%);
}
.difficulty-icon.yellow .bar{
	transform: rotate(-30deg);
}
.difficulty-icon.orange{
	background: linear-gradient(90deg, orange 0%, orange 62.5%, #cecaca 62.5% , #cecaca 100%);
}
.difficulty-icon.orange .bar{
	transform: rotate(30deg);
}
.difficulty-icon.red{
	background: #F05549;
}
.difficulty-icon.red .bar{
	transform: rotate(90deg);
}


.difficulty-icon::before {
    position: absolute;
    content: "";
    background: radial-gradient(white 28%, transparent 29%, transparent 52%, #fff 52%, #fff 56%, transparent 59% , #fff 62%);
	width: 4rem;
	height: 4rem;
}

.difficulty-icon .bar{
	width: 4rem;
	height: 4rem;
	position: relative;
}

.difficulty-icon .bar::after {
    width: 1rem;
    height: 1rem;
    content: "";
    background: #9C9C9C;
	top: calc(50% - 0.5rem);
	left: calc(50% - 0.5rem);
    position: absolute;
    z-index: 5;
    border-radius: 50%;
}

.difficulty-icon .bar::before {
	position: absolute;
    content: "";
    width: 0.9rem;
    height: 2rem;
    background: linear-gradient(to right, white 0%, white 35%, #9C9C9C 35%, #9C9C9C 65%, white 65%, white 100%);
    border-radius: 15%;
    top: 0;
    left: calc(50% - 0.45rem);
}

.container {
    max-width: 1600px;
}

.highlight {
    font-size: 10pt;
}



@media (prefers-color-scheme: dark) {
  html {
    background-color: black;
  }

  .difficulty-icon {
     z-index: 42;
     filter: invert();
  }

  .difficulty-icon.yellow{
     background: linear-gradient(60deg, #0131f3 0%, #0131f3 37.5%, #cecaca 37.5% , #cecaca 100%);
  }

  .difficulty-icon.green{
      background: linear-gradient(30deg, #7a3461 0%, #7a3461 25%, #cecaca 25% , #cecaca 100%);
  }

  .difficulty-icon.orange{
      background: linear-gradient(90deg, #005aff 0%, #005aff 62.5%, #cecaca 62.5% , #cecaca 100%);
  }

  .difficulty-icon.red{
      background: #0faab6;
  }

  body {
    background-color: black;
    color: white!important;
  }

  table {
    color: white!important;
  }

  pre code {
    color: white!important;
  }

  .card-body > pre:nth-child(1) {
    color: white!important;
  }

  .card-body > small:nth-child(1) > pre:nth-child(1) {
    color: white!important;
  }

  .list-group-item {
    background-color: #484848!important;
  }

  .jumbotron {
    background-color: #484848!important;
  }

  .card {
    background-color: #2d2d2d!important;
  }

  .modal-content {
    background-color: #2d2d2d!important;
  }

  .card-header {
    background-color: #484848!important;
  }

  .modal-content {
    background-color: #484848!important;
  }

  tr:hover {
    color: white!important;
  }
}