/**
  Default Markup
**/

body {
    background: #fcbf49!important;
  }
  
  .container {
    max-width: 900px;
    margin: 0 auto;
  }
  
  
  /**
    Component
  **/
  
  .lbl{
      width: 100%;
  }
  
  .card-input-element {
      display: none;
  }
  
  .card-input {
      margin: 10px 24px 1px 24px;
      padding: 00px;
  }
  
  .card-input:hover {
      cursor: pointer;
  }
  
  .card-input-element:checked + .card-input {
    box-shadow: 0 0 8px 2px #d62828;
   }

   .panel-default{
       border-color:#ddd;
   }

   .panel {
    background-color: #fff;
    border: 1px solid transparent;
    border-radius: 4px;
}

.panel-default>.panel-heading {
    color: #333;
    background-color: #f5f5f5;
    border-color: #ddd;
    text-align: center;
}

.panel-heading {
    padding: 10px 15px;
    border-bottom: 1px solid transparent;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}

.h-center {
    text-align: center;
    background-color: #fff;
    padding: 6px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    box-shadow: rgb(0 0 0 / 10%) 0px 10px 15px -3px, rgb(0 0 0 / 5%) 0px 4px 6px -2px;
}

.fixed-btn{
    position: fixed;
    bottom: 3%;
    right: 3%;
}

.spn-custom {
    font-size: 12px;
    color: #00000042;
}

.btn-primary-custom{
    background-color: #f77f00!important;
    border-color: #f77f00!important;
    box-shadow: rgb(255 149 0 / 61%) -3px 6px 13px;
}