/*============================================================================================*/
/* Your custom styles below */
/*============================================================================================*/
.logoimg{
    height: 150px;
    width: auto;
}
.widieit{
    padding-top: 50px;
}

.color-success{

    background-color: #243763;
color: white}
:root {
    --background-gradient: linear-gradient(178deg, #ffff33 10%, #3333ff);
    --gray: #34495e;
    --darkgray: #2c3e50;
  }
select {
    /* Reset Select */
    appearance: none;
    outline: 10px red;
    border: 0;
    box-shadow: none;
    color: #fff;

    /* Personalize */
    flex: 1;
    padding: 0 1em;
    background-color: black;
    background-image: none;
    cursor: pointer;
  }
  /* Remove IE arrow */
  select::-ms-expand {
    display: none;
  }
  /* Custom Select wrapper */
  .select {
    position: relative;
    display: flex;
    width: 100%;
    height: 3em;
    border-radius: .25em;
    overflow: hidden;
    color: #fff;
    
  }
  /* Arrow */
  .select::after {
    content: '\25BC';
    position: absolute;
    top: 0;
    right: 0;
    padding: 1em;
    background-color: black;
    transition: .25s all ease;
    pointer-events: none;
  }
  /* Transition */
  .select:hover::after {
    color: #f39c12;
  }
  
  /* Other styles*/


  .board-color{
   background-color: brown !important
   
  }

  .board-gold{
    background-color: goldenrod !important

  }

  .board-grey{
    background-color: gray !important

  }

  .board-dgrey{
    background-color: darkgray !important

  }

  .board-cream{
    background-color: #FFFDD0 !important;
    color:black

  }

  
  .board-white{
    background-color: #ffffff !important;
    color:black

  }

  .board-blue{
    background-color: blue !important;

  }

  .board-beige{
    background-color: #F5F5DC !important;
    color:black

  }
  

  .board-green{
    background-color: green !important;
    color:black

  }


  .board-cement{
    background-color: #858A7E !important;

  }


  
  .board-orange{
    background-color: #FFA500 !important;

  }
.arrow-s{

  margin-left: 5px !important;

}

.lai-button{
  background-color: transparent !important;
  color: white;
  border: none;
  margin-top: 25px;
}

.input_style_1 h6{
  text-align: center;
  margin-bottom: 15px;
}

hr{
  margin: 20px;
}
button.social_bt {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
  text-align: center;
  color: #fff;
  width: 100%;
  margin-bottom: 15px;
  display: block;
  padding: 12px;
  line-height: 1;
  position: relative;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  cursor: pointer;

  background-color: darkgoldenrod !important;
}
button.social_bt:hover {
  -webkit-filter: brightness(110%);
  filter: brightness(110%);
}

button.social_bt2{
  background-color: darkcyan !important;

}

button.blues{
  background-color: #0093AF !important;

}