/*INICIO FLEX CONTROL PERSONALIZADO*/
    :root {
        --height-controls: 29px;
    }
   
    .row {
        margin: 0 auto;
     
    }

   .col-md-1, .col-md-2, .col-md-3,
    .col-md-4, .col-md-5, .col-md-6,
    .col-md-7, .col-md-8, .col-md-9,
    .col-md-10,.col-md-11,.col-md-12,
    .col-sm-1, .col-sm-2, .col-sm-3,
    .col-sm-4, .col-sm-5, .col-sm-6,
    .col-sm-7, .col-sm-8, .col-sm-9,
    .col-sm-10,.col-sm-11,.col-sm-12
    {
       border-spacing: 1px ;
      padding-right: 4px !important;
    padding-left: 4px !important;
    } 


.container-fluid{
 padding-right: 4px !important;
 padding-left: 4px !important;
}

.flex-control {
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
flex-direction: row;
flex-wrap: wrap;
justify-content:space-around;
border: 1px solid #ccc;
border-radius: 3px;
border-collapse: separate;
background-color: #1d1c1c;
box-sizing: border-box;
background-color: #eee;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075) !important;
        -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
        -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
        transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
        width: 100%;
margin-bottom: 1px;
align-items:center;

flex-basis: -webkit-fill-available;
      flex-basis: -moz-available;
      flex-basis: fill;


    }

    .flex-control .label_ {
   box-sizing: border-box;
 padding: 0 5px;
     background-color: #eee;
  margin-bottom: 0;

    }

.flex-control .input_ {
flex: auto;
flex-wrap: nowrap;


        }
   
   
.flex-control .input_, .flex-control .radio_ {
     display: flex;
 flex-wrap: nowrap;
 border: 1px solid #ccc;
         border-radius: 4px;
         justify-content:space-around;   
         flex: auto;
       background-color: #fff;  
  color: #555;
  min-height: var(--height-controls);
 padding: 0 10px;
  background-image: none;
 -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
         box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
         -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
         -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    }
    
    .radio_ span{
      padding: 0 2px 0 2px;
        color: rgb(30, 179, 67);
display: flex;
   flex-wrap: nowrap;
 align-items: center;
         }

/*

        
    .flex-control .radio_ {
display: flex;
justify-content: space-around;
    align-items: center;
    background-color: #fdfdfd;
    }

    .flex-control span [type="radio"]{
    color: #66afe9 !important;
    margin:initial;
    }

  
    */
    
    .input_:focus {
        background-color: #ebf7f7;
        border: 1px solid #66afe9;
        transition: 0.1s ease;
        outline: 0;
        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
    }

    .table {
        background: #DDD8D8;
        box-shadow: 5px 5px 3px #808080;
    }

    .group-row{
        padding:5px;
        background:#F5F5F5;
        width: 100%;
        border:1px solid #000;
        border-radius:10px;
        box-shadow:5px 5px 3px #808080;
        margin:0 auto;
     	}
/*Style Social Media Buttons
ojo verificar este cambio acomodado para ballonn*/
         .fa {
            padding: 1px;
            font-size: 10px;
            width: auto;
            text-align: center;
            text-decoration: none;
            margin: 1px 1px;
          }
          
          .fa:hover {
              opacity: 0.7;
          
              color: rgb(14, 226, 120);
          }
          
          .fa:focus {
            color: #000;
            background-color: greenyellow !important;
          }

          .fa-facebook {
            background: #3B5998;
            color: rgb(255, 255, 255);
          }

          .fa-hand-o-right {
            background: #3B5998;
            color: white;}