﻿body {
  padding-top: 50px;
  padding-bottom: 20px
}

.body-content {
  padding-left: 15px;
  padding-right: 15px;
}

.dl-horizontal dt {
  white-space: normal
}

input, select, textarea {
  max-width: 280px
}

body {
  font-family: 'Montserrat',sans-serif !important;
  font-weight: 600;
  font-size: 12px;
  background: #009e050d !important
}

@media(min-width:768px) {
  .lottoBox {
    width: 25%
  }
}

@media(min-width:1200px) {
  .lottoBox {
    width: 16.66%
  }
}

.navbar-custom {
  background-color: #009e05
}

.custom-tabs {
  border: none !important
}

  .custom-tabs .nav-link {
    font-family: 'Montserrat',sans-serif !important;
    width: 200px;
    color: #009e05 !important;
    font-size: 20px !important;
    background-color: #fff !important;
    border-radius: 10px !important;
    padding: 0 50px;
    display: flex;
    align-items: center;
    gap: 8px
  }

    .custom-tabs .nav-link.active {
      background-color: #009e05 !important;
      color: #fff !important;
      border-color: #009e05 !important
    }

    .custom-tabs .nav-link:hover {
      background-color: #f8f9fa;
      color: #333
    }

.tab-icon {
  height: 24px;
  width: 24px
}

.tab-icon2 {
  height: 20px;
  width: 20px
}

.c2gform-control {
  border-radius: 10px !important;
  height: 48px !important;
  border: 2px #009e05 solid !important;
  padding: 10px 16px 10px 16px !important;
  background-color: #fff !important
}

.c2gform-control-long {
  width: 343px !important
}

.c2gform-control-medium {
  width: 210px !important
}

.input-with-icon::placeholder {
  color: #999;
  padding-left: 1.5rem
}

/*.input-with-icon {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23999' viewBox='0 0 512 512'%3E%3Cpath d='M505 442.7L405.3 343a208 208 0 1 0-62.4 62.4L442.7 505a21.3 21.3 0 0 0 30.2 0l32.1-32.1a21.3 21.3 0 0 0 0-30.2zM208 352a144 144 0 1 1 0-288 144 144 0 0 1 0 288z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: 10px center;
  background-size: 16px 16px;
  padding-left: 2rem
}*/

/*.input-icon {
  position: relative
}*/

  .input-icon i {
    position: absolute;
    left: 12px;
    top: 50%;
    transform: translateY(-50%);
    color: #aaa
  }

  .input-icon input {
    padding-left: 2rem
  }

.search-icon {
  color: #009e05 !important
}
