@font-face
{
  font-family: "Digital-7 MonoItalic";
  src: url(../font/digital-7.monoitalic.ttf) format("truetype");
}

@font-face
{
  font-family: "Digital-7";
  src: url(../font/digital-7.ttf) format("truetype");
}

.noDiv
{
  font-size: 50px;
  color: red;
}

.cubesSolved
{
  color: red;
}

.cubesSolvedInTime
{
  color: red;
}

.timerBig1a, .timerBig1b, .timerBig1c, .timerSmall1
{
  font-family: 'Digital-7 MonoItalic';
}

.timerBig1bx, .timerBig1cx, .timerSmall1x
{
  font-family: 'Digital-7';
}

.times
{
  display: flex;
}

.time2
{
  margin-top: -30px;
}

.timer1
{
  text-align: center;
  font-size: 15em;
  user-select: none;
  width: 80%;
  z-index: -1;
  margin-top: -100px;
  /* background-color: #ffa500; */
  height: 300px;
}

.timer2
{
  font-family: 'Digital-7';
  text-align: right;
  font-size: 60px;
  user-select: none;
  width: 20%;
  /* background-color: lawngreen; */
}

.scrambleBackground2
{
  background-color: #F4FFF8;
}

.scrambleBackground2
{
  background-color: #E8F2EB;
}

@media (min-width:320px)
{
  .flex-container
  {
    display: flex;
    flex-direction: column;
  }
  
  .flex-containerIn1
  {
    display: flex;
    flex-direction: row;
  }
  
  .flex-containerIn2
  {
    display: flex;
    flex-direction: column;
    margin-left: auto;
    margin-right: auto;
    margin-top: -5px;
    margin-bottom: 10px;
  }

  .scrambleMoves
  {
    font-size: 21px;
  }
}

@media (min-width:801px)
{
  .flex-container
  {
    display: flex;
    flex-direction: row;
  }
  
  .flex-containerIn1
  {
    display: flex;
    flex-direction: row;
    padding-left: 10px;
    vertical-align: middle;
    margin-top: auto;
    margin-bottom: auto;
  }
  
  .flex-containerIn2
  {
    display: flex;
    flex-direction: row;
    margin-right: 0px;
    width: 230px;
  }

  .scrambleMoves
  {
    font-size: 30px;
  }
}

.counter
{
  padding-right: 10px;
}

modal-header
{
  padding-bottom: 0px;
}

.form-check, i
{
  display: flex;
  justify-content: center;
}

.counter
{
  text-align: center;
}

thead
{
  background-color: #ffa500;
  text-align: center;
}

td
{
  vertical-align: middle;
}

#myCanvas
{
  border: 1px solid #000;
}

body
{
  background-color: #F4FFF8;
}

.btnCustom
{
  background-color: #ffa500;
}

.btnCustom:hover
{
  background-color: #FF6C00;
}

.btnCustomWarning
{
  background-color: #F67280;
}

.btnCustomWarning:hover
{
  background-color: #F70D1A;
}

.cardCustom
{
  background-color: #DADCDD;
  border-width: 0px;
}

.modal-content
{
  background-color: #DADCDD;
  border-width: 0px;
}

.navbar-brand
{
  color: black;
}

.navbar-nav .nav-link.active, .nav-link, .nav-link:hover, #navbarDropdownMenuLink
{
  color: black;
}

.bg-primary
{
  background-color: #ffa500 !important;
}

.titledBarCustom
{
  background-color: #ffa500;
  color: black;
  padding-left: 20px;
  padding-top: 10px;
  padding-bottom: 10px;
  margin-top: 20px;
  margin-bottom: 20px;
  margin-left: -28px;
  margin-right: -28px;
}

.titledBarNoUpPaddingCustom
{
  background-color: #ffa500;
  color: white;
  padding-left: 20px;
  padding-top: 10px;
  padding-bottom: 10px;
  margin-top: -14px;
  margin-bottom: 20px;
  margin-left: -28px;
  margin-right: -28px;
}

.formItemCustom
{
  margin-top: 0px;
  margin-bottom: 0px;
}

.cardTitle
{
  font-weight: bold;
  text-align: center;
}

.modalTitle
{
  font-weight: bold;
  text-align: center;
}

.inputCustom
{
  margin-left: auto; 
  margin-right: 0;
}

.publicationCustom
{
  padding-left: 20px;
}

.iconFileDownload
{
  font-size: 1.5rem;
  padding-left: 10px;
  cursor: pointer;
}

.iconFileDelete
{
  font-size: 1.5rem;
  padding-left: 10px;
  color: red;
  cursor: pointer;
}

.navbar
{--bs-navbar-toggler-icon-bg:
url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 255%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")
}

.freeText
{
  text-align: center;
  padding-bottom: 20px;
}

.pageTitleMain
{
  font-weight: bold;
  text-align: center;
  z-index: 1;
}

.pageTitleSub
{
  font-weight: bold;
  text-align: center;
  padding-bottom: 20px;
}

.pageTitleSubLeft
{
  font-weight: bold;
  text-align: left;
  padding-bottom: 20px;
}

ol
{
  font-size: 18px;
  line-height: 2em;
}

.batones
{
  margin-left: auto;
  margin-right: auto;
}

.rodoText
{
  font-size: 14px;
}

.modalCreator
{
  font-size: 10px;
}