.btn  {
    border-radius: 0rem !important;
}

input, select {
    border-radius: 0rem !important;
}

.btn-def-1 {
    color: #FFFFFF;
    background-color: #eeeeee;
    border-color: #8c8c8c;
    /* letter-spacing: 0.05em; */
    border-radius: 0;
    /* font-size: 1rem !important; */
    /* padding: 0.2rem 0.5rem 0.2rem 0.5rem !important; */
  }
  
  .btn-def-1:hover,
  .btn-def-1:active,
  .btn-def-1:focus,
  .btn-def-1.active {
    background: #003D4F;
    color: #ffffff;
    border-color: #003D4F;
  } 


  .btn-def{
    color: #3b3b3b;
    background-color: #f3f3f3;
    border-color: #dadada;
  }
  
  .btn-def:focus{
    box-shadow: 0 0 0 0.2rem #b3a7a7;
    -webkit-box-shadow: 0 0 0 0.2rem #b3a7a7;
    outline: 0;
  }
  
  .btn-def:hover,
  .btn-def:active{
      color: #fff;
      background-color: #4b4b4b;
      border-color: #4b4b4b;
  }

  .btn-def-white{
    color: #3b3b3b;
    background-color: #ffffff;
    border-color: #dadada;
  }
  
  .btn-def-white:focus{
    box-shadow: 0 0 0 0.2rem #b3a7a7;
    -webkit-box-shadow: 0 0 0 0.2rem #b3a7a7;
    outline: 0;
  }
  
  .btn-def-white:hover,
  .btn-def-white:active{
      color: #fff;
      background-color: #23688d;
      border-color: #23688d;
  }

  .btn-pri{
    color: #FFFFFF;
    background-color: #216dba;
    border-color: #216dba;
  }
  
  .btn-pri:focus{
    box-shadow: 0 0 0 0.2rem #216dba;
    -webkit-box-shadow: 0 0 0 0.2rem #216dba;
    outline: 0;
  }
  
  .btn-pri:hover,
  .btn-pri:active{
      color: #fff;
      background-color: #16497c;
      border-color: #16497c;
  }



  .btn-outline-def{
    color: #8e5b5b;
    border-color: #8e5b5b;
  }
  
  .btn-outline-def:focus{
    box-shadow: 0 0 0 0.2rem #b3a7a7;
    -webkit-box-shadow: 0 0 0 0.2rem #b3a7a7;
    outline: 0;
  }
  
  .btn-outline-def:hover,
  .btn-outline-def:active{
      color: #fff;
      background-color: #8e5b5b;
      border-color: #8e5b5b;
  }






  .btn-bam{
    color: #FFFFFF;
    background-color: #830d0a;
    border-color: #830d0a;
  }
  
  .btn-bam:focus{
    box-shadow: 0 0 0 0.2rem #b3a7a7;
    -webkit-box-shadow: 0 0 0 0.2rem #b3a7a7;
    outline: 0;
  }
  
  .btn-bam:hover,
  .btn-bam:active{
      color: #FFFFFF;
      background-color: #830d0a;
      border-color: #830d0a;
  }

  .btn-outline-bam{
    color: #830d0a;
    border-color: #830d0a;
  }
  
  .btn-outline-bam:focus{
    box-shadow: 0 0 0 0.2rem #b3a7a7;
    -webkit-box-shadow: 0 0 0 0.2rem #b3a7a7;
    outline: 0;
  }
  
  .btn-outline-bam:hover,
  .btn-outline-bam:active{
      color: #FFFFFF;
      background-color: #830d0a;
      border-color: #830d0a;
  }



  .btn-green-1{
    color: #FFFFFF;
    background-color: #61BFAD;
    border-color: #61BFAD;
    white-space: nowrap;
  }
  
  .btn-green-1:focus{
    box-shadow: 0 0 0 0.2rem #4592aa;
    -webkit-box-shadow: 0 0 0 0.2rem #4592aa;
    outline: 0;
  }
  
  .btn-green-1:hover,
  .btn-green-1:active{
      color: #FFFFFF;
      background-color: #4592aa;
      border-color: #4592aa;
      white-space: nowrap;
  }


  .btn-bora-1{
    color: #FFFFFF;
    background-color: #5C469C;
    border-color: #5C469C;
    white-space: nowrap;
  }

  .btn-bora-sm-1{
    color: #FFFFFF;
    background-color: #5C469C;
    border-color: #5C469C;
    /* padding: 2px 3px 2px 3px !important; */
    /* font-size: 0.65rem !important; */
    /* border-radius: 2rem !important;
    -webkit-border-radius: 2rem   ;
    -moz-border-radius: 2rem   ;
    -ms-border-radius: 2rem   ;
    -o-border-radius: 2rem   ; */
}

  .btn-bora-sm-1:hover,
  .btn-bora-sm-1:active{
      color: #FFFFFF;
      background-color: #803fa3;
      border-color: #803fa3;
  }


  
  .btn-bora-1:focus{
    box-shadow: 0 0 0 0.2rem #5C469C;
    -webkit-box-shadow: 0 0 0 0.2rem #5C469C;
    outline: 0;
  }
  
  .btn-bora-1:hover,
  .btn-bora-1:active{
      color: #FFFFFF;
      background-color: #803fa3;
      border-color: #803fa3;
  }

  .btn-nam{
    color: #FFFFFF;
    background-color: #4089CC;
    border-color: #4089CC;
    white-space: nowrap;
    /* padding: 5px 10px 5px 10px !important; */
    /* font-size: 0.65rem !important; */
    /* border-radius: 2rem !important;
    -webkit-border-radius: 2rem !important;
    -moz-border-radius: 2rem !important;
    -ms-border-radius: 2rem !important;
    -o-border-radius: 2rem !important; */
}

  .btn-nam:focus{
    box-shadow: 0 0 0 0.2rem #4089CC;
    -webkit-box-shadow: 0 0 0 0.2rem #4089CC;
    outline: 0;
  }
  
  .btn-nam:hover,
  .btn-nam:active{
      color: #FFFFFF;
      background-color: #2095bb;
      border-color: #2095bb;
  }

  
  

  .btn-nam-1{
    color: #FFFFFF;
    background-color: #176B87;
    border-color: #176B87;
    white-space: nowrap;
    /* padding: 5px 10px 5px 10px !important; */
    /* font-size: 0.65rem !important; */
    /* border-radius: 2rem !important;
    -webkit-border-radius: 2rem !important;
    -moz-border-radius: 2rem !important;
    -ms-border-radius: 2rem !important;
    -o-border-radius: 2rem !important; */
}

  .btn-nam-1:focus{
    box-shadow: 0 0 0 0.2rem #176B87;
    -webkit-box-shadow: 0 0 0 0.2rem #176B87;
    outline: 0;
  }
  
  .btn-nam-1:hover,
  .btn-nam-1:active{
      color: #FFFFFF;
      background-color: #2095bb;
      border-color: #2095bb;
  }



  .btn-nam-2{
    color: #FFFFFF;
    background-color: #6178e4;
    border-color: #6178e4;
    white-space: nowrap;
}

  .btn-nam-2:focus{
    box-shadow: 0 0 0 0.2rem #176B87;
    -webkit-box-shadow: 0 0 0 0.2rem #176B87;
    outline: 0;
  }
  
  .btn-nam-2:hover,
  .btn-nam-2:active{
      color: #FFFFFF;
      background-color: #2095bb;
      border-color: #2095bb;
  }



  .btn-nam-3{
    color: #FFFFFF;
    background-color: #05003C;
    border-color: #05003C;
    white-space: nowrap;
}

  .btn-nam-3:focus{
    box-shadow: 0 0 0 0.2rem #3F1D69;
    -webkit-box-shadow: 0 0 0 0.2rem #3F1D69;
    outline: 0;
  }
  
  .btn-nam-3:hover,
  .btn-nam-3:active{
      color: #FFFFFF;
      background-color: #3F1D69;
      border-color: #3F1D69;
  }



  .text-nam {
    color: #176B87;
  }


  .btn .btn-dark {
    white-space: nowrap !important;
  }

  /* badge */


  .wspace {
    white-space: nowrap;
  }



  .btn-green-1{
    color: #FFFFFF;
    background-color: #25d061;
    border-color: #25d061;
    white-space: nowrap;
  }
  
  .btn-green-1:focus{
    box-shadow: 0 0 0 0.2rem #25d061;
    -webkit-box-shadow: 0 0 0 0.2rem #25d061;
    outline: 0;
  }
  
  .btn-green-1:hover,
  .btn-green-1:active{
      color: #ffffff;
      background-color: #00ff59;
      border-color: #00ff59;
  }
  .btn-outline-green-1{
    color: #25d061;
    background-color: #FFFFFF;
    border-color: #25d061
  }
  
  .btn-outline-green-1:focus{
    box-shadow: 0 0 0 0.2rem #25d061;
    -webkit-box-shadow: 0 0 0 0.2rem #25d061;
    outline: 0;
  }
  
  .btn-outline-green-1:hover,
  .btn-outline-green-1:active{
      color: #ffffff;
      background-color: #00ff59;
      border-color: #00ff59;
  }


  .btn-green-2{
    color: #FFFFFF;
    background-color: #00ad82;
    border-color: #00ad82;
    white-space: nowrap;
  }
  
  .btn-green-2:focus{
    box-shadow: 0 0 0 0.2rem #00ad82;
    -webkit-box-shadow: 0 0 0 0.2rem #00ad82;
    outline: 0;
  }
  
  .btn-green-2:hover,
  .btn-green-2:active{
      color: #ffffff;
      background-color: #008a73;
      border-color: #008a73;
  }
  .btn-outline-green-2{
    color: #00ad82;
    background-color: #FFFFFF;
    border-color: #00ad82
  }
  
  .btn-outline-green-2:focus{
    box-shadow: 0 0 0 0.2rem #00ad82;
    -webkit-box-shadow: 0 0 0 0.2rem #00ad82;
    outline: 0;
  }
  
  .btn-outline-green-2:hover,
  .btn-outline-green-2:active{
      color: #ffffff;
      background-color: #008a73;
      border-color: #008a73;
  }


  .btn-pink-1{
    color: #FFFFFF;
    background-color: #ffc800;
    border-color: #ffc800;
    white-space: nowrap;
  }
  
  .btn-pink-1:focus{
    box-shadow: 0 0 0 0.2rem #ffc800;
    -webkit-box-shadow: 0 0 0 0.2rem #ffc800;
    outline: 0;
  }
  
  .btn-pink-1:hover,
  .btn-pink-1:active{
      color: #ffffff;
      background-color: #ff7300;
      border-color: #ff7300;
  }
  .btn-outline-pink-1{
    color: #ffc800;
    background-color: #FFFFFF;
    border-color: #ffc800
  }
  
  .btn-outline-pink-1:focus{
    box-shadow: 0 0 0 0.2rem #ffc800;
    -webkit-box-shadow: 0 0 0 0.2rem #ffc800;
    outline: 0;
  }
  
  .btn-outline-pink-1:hover,
  .btn-outline-pink-1:active{
      color: #ffffff;
      background-color: #ff7300;
      border-color: #ff7300;
  }


  .btn-nam-1{
    color: #FFFFFF;
    background-color: #45a1e8;
    border-color: #45a1e8;
    white-space: nowrap;
  }
  
  .btn-nam-1:focus{
    box-shadow: 0 0 0 0.2rem #45a1e8;
    -webkit-box-shadow: 0 0 0 0.2rem #45a1e8;
    outline: 0;
  }
  
  .btn-nam-1:hover,
  .btn-nam-1:active{
      color: #ffffff;
      background-color: #0091ff;
      border-color: #0091ff;
  }
  .btn-outline-nam-1{
    color: #45a1e8;
    background-color: #FFFFFF;
    border-color: #45a1e8
  }
  
  .btn-outline-nam-1:focus{
    box-shadow: 0 0 0 0.2rem #45a1e8;
    -webkit-box-shadow: 0 0 0 0.2rem #45a1e8;
    outline: 0;
  }
  
  .btn-outline-nam-1:hover,
  .btn-outline-nam-1:active{
      color: #ffffff;
      background-color: #0091ff;
      border-color: #0091ff;
  }