/*
 * "Simple card alerts"
 * Bootstrap 3.3.0 Snippet by Fortael
 * https://bootsnipp.com/snippets/featured/simple-card-alerts
 */

.notice {
    padding: 15px;
    background-color: #fafafa;
    border-left: 6px solid #7f7f84;
    margin-bottom: 10px;
    -webkit-box-shadow: 0 5px 8px -6px rgba(0,0,0,.2);
       -moz-box-shadow: 0 5px 8px -6px rgba(0,0,0,.2);
            box-shadow: 0 5px 8px -6px rgba(0,0,0,.2);
}

.notice-sm {
    padding: 10px;
    font-size: 80%;
}
.notice-lg {
    padding: 35px;
    font-size: large;
}
.notice-success {
   /* height: 35px;*/
    margin-right: 25px;
    border-color: #80D651;
}
.notice-success>strong {
    color: #80D651;
}
.notice-info {
       /* height: 35px;*/
    margin-right: 25px;
    border-color: #45ABCD;
}
.notice-info>strong {
    color: #45ABCD;
}
.notice-warning {
    border-color: #FEAF20;
}
.notice-warning>strong {
    color: #FEAF20;
}
.notice-danger {
    border-color: #d73814;
}
.notice-danger>strong {
    color: #d73814;
}
/**/
.btn-circle {
    border: none;
    font-family: inherit;
    font-size: inherit;
    color: inherit;
    background: none;
    cursor: pointer;
    padding: 25px 80px;
    display: inline-block;
    margin: 15px 30px;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 700;
    outline: none;
    position: relative;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    margin: 0px;
    width: 30px;
    height: 30px;
    text-align: center;
    padding: 6px 0;
    font-size: 12px;
    line-height: 1.428571429;
    border-radius: 15px;
}/*
.btn-circle.btn-lg {
    width: 50px;
    height: 50px;
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.33;
    border-radius: 25px;
}
.btn-circle.btn-xl {
    width: 70px;
    height: 70px;
    padding: 10px 16px;
    font-size: 24px;
    line-height: 1.33;
    border-radius: 35px;
}*/

.icon {
    color: #23527c;
    font-size: 1.5rem;
    align-content: center; 
    margin-top: 3px;
}

.icon_drop {
    color: #23527c;
    font-size: 1.2rem;
    align-content: center; 
    margin-top: 0px;
    padding: 0px;
    vertical-align: middle;
    position: absolute;
    top: 40%;
    left: 50%;
    /*height: 50%;*/
    transform: translate(-50%, -50%);
    width: 10px;
    height: 10px;
    display: inline-block;
}

.btn-circle-drop {
    border: none;
    font-family: inherit;
    font-size: inherit;
    color: inherit;
    background: #eeeeee;
    cursor: pointer;
    padding: 25px 80px;
    display: inline-block;
    margin: 15px 30px;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 700;
    outline: none;
    position: relative;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    margin: 0px;
    width: 25px;
    height: 25px;
    text-align: center;
    vertical-align: central;
    padding: 6px 0;
    font-size: 12px;
    line-height: 1.428571429;
    border-radius: 15px;
}

/* QuestionType OptionImage */
div.gallery {
    margin: 5px;
    border: 1px solid #ccc;
    float: left;
    width: 180px;
}

div.gallery:hover {
    border: 1px solid #777;
}

div.gallery img {
    width: 100%;
    height: auto;
}
/* Flaired edges, by Tomas Theunissen */ 
hr.style-seven { 
    overflow: visible; 
    /* For IE */ 
    height: 30px; 
    border-style: solid; 
    border-color: #bebebe; 
    border-width: 1px 0 0 0; 
    border-radius: 20px; 
} 
hr.style-seven:before { 
    /* Not really supposed to work, but does */ 
    display: block; 
    content: ""; 
    height: 30px; 
    margin-top: -31px; 
    border-style: solid; 
    border-color: #bebebe; 
    border-width: 0 0 1px 0; 
    border-radius: 20px; 
}
hr.style-seven_1:before { 
    /* Not really supposed to work, but does */ 
    display: block; 
    content: ""; 
    height: 30px; 
    margin-top: -31px; 
    border-style: solid; 
    border-color: #bebebe; 
    border-width: 0 0 1px 0; 
    border-radius: 20px; 
}

/*form*/
.h2-form{margin:10px 0;padding-bottom:10px;width:180px;color:#78788c;border-bottom:3px solid #78788c}
.input-form{
    width:100%;
    /*padding:10px;*/
    box-sizing:border-box;
    background:none;
    outline:none;
    resize:none;
    border:0;
    /*font-family:'Montserrat',sans-serif;*/
    transition:all .3s;
    border-bottom:2px solid #bebed2
}
.input-form:focus{border-bottom:2px solid #78788c}
.p-form:before{
    content:attr(type);
    display:block;
    /*margin:28px 0 0;*/
    font-size:14px;
    font-weight: normal;
    color:#5a5a5a
}
.button-form{/*float:right;*/padding:8px 12px;margin:8px 0 0;/*font-family:'Montserrat',sans-serif;*/border:2px solid #78788c;background:0;color:#5a5a6e;cursor:pointer;transition:all .3s}
.button-form:hover{background:#78788c;color:#fff}
.div-form{content:'Hi';position:absolute;bottom:-15px;right:-20px;background:#50505a;color:#fff;width:320px;padding:16px 4px 16px 0;border-radius:6px;font-size:13px;box-shadow:10px 10px 40px -14px #000}
.span-form{margin:0 5px 0 15px}

/*borde tabla*/
.table_border {
    border: 1px solid #fffff;
}


/*Checkbox*/
 /* Customize the label (the container) */
ul,
li {
  list-style: none;
  margin: 0;
  padding: 0;
}

.tg-list {
  text-align: center;
  display: flex;
  align-items: center;
}

.tg-list-item {
  margin: 0 2em;
}

/*h2 {
  color: #777;
}

h4 {
  color: #999;
}*/

.tgl {
  display: none;
}
.tgl, .tgl:after, .tgl:before, .tgl *, .tgl *:after, .tgl *:before, .tgl + .tgl-btn {
  box-sizing: border-box;
}
.tgl::-moz-selection, .tgl:after::-moz-selection, .tgl:before::-moz-selection, .tgl *::-moz-selection, .tgl *:after::-moz-selection, .tgl *:before::-moz-selection, .tgl + .tgl-btn::-moz-selection {
  background: none;
}
.tgl::selection, .tgl:after::selection, .tgl:before::selection, .tgl *::selection, .tgl *:after::selection, .tgl *:before::selection, .tgl + .tgl-btn::selection {
  background: none;
}
.tgl + .tgl-btn {
  outline: 0;
  display: block;
  width: 4em;
  height: 2em;
  position: relative;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.tgl + .tgl-btn:after, .tgl + .tgl-btn:before {
  position: relative;
  display: block;
  content: "";
  width: 50%;
  height: 100%;
}
.tgl + .tgl-btn:after {
  left: 0;
}
.tgl + .tgl-btn:before {
  display: none;
}
.tgl:checked + .tgl-btn:after {
  left: 50%;
}

.tgl-flip + .tgl-btn {
  padding: 2px;
  transition: all .2s ease;
  /*font-family: sans-serif;*/
  -webkit-perspective: 100px;
          perspective: 100px;
}
.tgl-flip + .tgl-btn:after, .tgl-flip + .tgl-btn:before {
  display: inline-block;
  transition: all .4s ease;
  width: 100%;
  text-align: center;
  position: absolute;
  line-height: 2em;
  font-weight: bold;
  color: #fff;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  border-radius: 4px;
}
.tgl-flip + .tgl-btn:after {
  content: attr(data-tg-on);
  background: #02C66F;
  -webkit-transform: rotateY(-180deg);
          transform: rotateY(-180deg);
}
.tgl-flip + .tgl-btn:before {
  background: #FF3A19;
  content: attr(data-tg-off);
}
.tgl-flip + .tgl-btn:active:before {
  -webkit-transform: rotateY(-20deg);
          transform: rotateY(-20deg);
}
.tgl-flip:checked + .tgl-btn:before {
  -webkit-transform: rotateY(180deg);
          transform: rotateY(180deg);
}
.tgl-flip:checked + .tgl-btn:after {
  -webkit-transform: rotateY(0);
          transform: rotateY(0);
  left: 0;
  background: #7FC6A6;
}
.tgl-flip:checked + .tgl-btn:active:after {
  -webkit-transform: rotateY(20deg);
          transform: rotateY(20deg);
}

.final_title {
  text-align: center;
  font-size: 23px;
  font-weight: normal;
  text-transform: none;
  display:inline-block;
  margin: 25px auto auto auto; 
  color: #000000;
}