/*-----------------------------------------*/
/* margenes y rellenos margin and paddding */
/*-----------------------------------------*/

.mr-0 {
    margin-right: 0px !important
}

.mr-1 {
    margin-right: 1px !important
}

.mr-3 {
    margin-right: 3px !important
}

.mr-5 {
    margin-right: 5px !important
}

.mr-10 {
    margin-right: 10px !important
}

.mr-15 {
    margin-right: 15px !important
}

.mr-20 {
    margin-right: 20px !important
}

.mr-25 {
    margin-right: 25px !important
}

.mr-30 {
    margin-right: 30px !important
}

.mr-40 {
    margin-right: 40px !important
}

.mr-50 {
    margin-right: 50px !important
}

.ml-1 {
    margin-left: 1px !important
}

.ml-3 {
    margin-left: 3px !important
}

.ml-5 {
    margin-left: 5px !important
}

.ml-10 {
    margin-left: 10px !important
}

.ml-15 {
    margin-left: 15px !important
}

.ml-20 {
    margin-left: 20px !important
}

.ml-25 {
    margin-left: 25px !important
}

.ml-30 {
    margin-left: 30px !important
}

.ml-40 {
    margin-left: 40px !important
}

.ml-50 {
    margin-left: 50px !important
}

.mt-1 {
    margin-top: 1px !important
}

.mt-3 {
    margin-top: 3px !important
}

.mt-5 {
    margin-top: 5px !important
}

.mt-10 {
    margin-top: 10px !important
}

.mt-15 {
    margin-top: 15px !important
}

.mt-20 {
    margin-top: 20px !important
}

.mt-25 {
    margin-top: 25px !important
}

.mt-30 {
    margin-top: 30px !important
}

.mt-40 {
    margin-top: 40px !important
}

.mt-60 {
    margin-top: 60px !important
}

.mt-50 {
    margin-top: 50px !important
}

.mt-70 {
    margin-top: 70px !important
}

.mt-80 {
    margin-top: 80px !important
}

.mt-90 {
    margin-top: 90px !important
}

.mb-1 {
    margin-bottom: 1px !important
}

.mb-5 {
    margin-bottom: 5px !important
}

.mb-10 {
    margin-bottom: 10px !important
}

.mb-15 {
    margin-bottom: 15px !important
}

.mb-16 {
    margin-bottom: 16px !important
}

.mb-20 {
    margin-bottom: 20px !important
}

.mb-25 {
    margin-bottom: 25px !important
}

.mb-30 {
    margin-bottom: 30px !important
}

.mb-40 {
    margin-bottom: 40px !important
}

.mb-50 {
    margin-bottom: 50px !important
}

.mb-60 {
    margin-bottom: 60px !important
}

.mb-70 {
    margin-bottom: 70px !important
}

.mb-80 {
    margin-bottom: 80px !important
}

.mv-5 {
    margin-top: 5px !important;
    margin-bottom: 5px !important;
}

.mv-10 {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
}

.mv-15 {
    margin-top: 15px !important;
    margin-bottom: 15px !important;
}

.mv-20 {
    margin-top: 20px !important;
    margin-bottom: 20px !important;
}

.mv-30 {
    margin-top: 30px !important;
    margin-bottom: 30px !important;
}

.mv-40 {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
}

.mv-50 {
    margin-top: 50px !important;
    margin-bottom: 50px !important;
}

.mv-70 {
    margin-top: 70px !important;
    margin-bottom: 70px !important;
}

.mh-5 {
    margin-left: 5px !important;
    margin-right: 5px !important;
}

.mh-10 {
    margin-left: 10px !important;
    margin-right: 10px !important;
}

.mh-15 {
    margin-left: 15px !important;
    margin-right: 15px !important;
}

.mh-20 {
    margin-left: 20px !important;
    margin-right: 20px !important;
}

.mh-30 {
    margin-left: 30px !important;
    margin-right: 30px !important;
}

.mh-40 {
    margin-left: 40px !important;
    margin-right: 40px !important;
}

.mh-50 {
    margin-left: 50px !important;
    margin-right: 50px !important;
}

.mh-70 {
    margin-left: 70px !important;
    margin-right: 70px !important;
}

.margin-5 {
    margin: 5px !important;
}

.margin-10 {
    margin: 10px !important;
}

.margin-15 {
    margin: 15px !important;
}

.margin-20 {
    margin: 20px !important;
}

.margin-25 {
    margin: 25px !important;
}

.no-margin,
ul.no-margin,
.margin-0 {
    margin: 0 !important
}

.no-mt,
.mt-0 {
    margin-top: 0 !important
}

.no-mb,
.mb-0 {
    margin-bottom: 0 !important
}

.no-ml,
.ml-0 {
    margin-left: 0 !important
}

.no-mr,
.mr-0 {
    margin-right: 0 !important
}


/** * Padding Sets */

.pr-5 {
    padding-right: 5px !important
}

.pr-10 {
    padding-right: 10px !important
}

.pr-15 {
    padding-right: 15px !important
}

.pr-20 {
    padding-right: 20px !important
}

.pr-30 {
    padding-right: 30px !important
}

.pr-40 {
    padding-right: 40px !important
}

.pr-50 {
    padding-right: 50px !important
}

.pr-0,
.no-pr {
    padding-right: 0 !important
}

.pl-5 {
    padding-left: 5px !important
}

.pl-10 {
    padding-left: 10px !important
}

.pl-15 {
    padding-left: 15px !important
}

.pl-20 {
    padding-left: 20px !important
}

.pl-30 {
    padding-left: 30px !important
}

.pl-40 {
    padding-left: 40px !important
}

.pl-50 {
    padding-left: 50px !important
}

.pl-0,
.no-pl {
    padding-left: 0 !important
}

.pt-5 {
    padding-top: 5px !important
}

.pt-10 {
    padding-top: 10px !important
}

.pt-15 {
    padding-top: 15px !important
}

.pt-20 {
    padding-top: 20px !important
}

.pt-25 {
    padding-top: 25px !important
}

.pt-30 {
    padding-top: 30px !important
}

.pt-40 {
    padding-top: 40px !important
}

.pt-50 {
    padding-top: 50px !important
}

.pt-60 {
    padding-top: 60px !important
}

.pt-70 {
    padding-top: 70px !important
}

.pt-80 {
    padding-top: 80px !important
}

.pt-90 {
    padding-top: 90px !important
}

.pt-100 {
    padding-top: 100px !important
}

.pt-0,
.no-pt {
    padding-top: 0px !important
}

.pb-5 {
    padding-bottom: 5px !important
}

.pb-10 {
    padding-bottom: 10px !important
}

.pb-15 {
    padding-bottom: 15px !important
}

.pb-20 {
    padding-bottom: 20px !important
}

.pb-30 {
    padding-bottom: 30px !important
}

.pb-40 {
    padding-bottom: 40px !important
}

.pb-50 {
    padding-bottom: 50px !important
}

.pb-60 {
    padding-bottom: 60px !important
}

.pb-70 {
    padding-bottom: 70px !important
}

.pb-80 {
    padding-bottom: 80px !important
}

.pb-90 {
    padding-bottom: 90px !important
}

.pb-100 {
    padding-bottom: 100px !important
}

.pb-0,
.no-pb {
    padding-bottom: 0 !important
}

.pv-5 {
    padding-top: 5px !important;
    padding-bottom: 5px!important;
}

.pv-10 {
    padding-top: 10px !important;
    padding-bottom: 10px!important;
}

.pv-15 {
    padding-top: 15px !important;
    padding-bottom: 15px!important;
}

.pv-20 {
    padding-top: 20px !important;
    padding-bottom: 20px!important;
}

.pv-30 {
    padding-top: 30px !important;
    padding-bottom: 30px!important;
}

.pv-40 {
    padding-top: 40px !important;
    padding-bottom: 40px!important;
}

.pv-50 {
    padding-top: 50px!important;
    padding-bottom: 50px!important;
}

.pv-60 {
    padding-top: 60px!important;
    padding-bottom: 60px!important;
}

.pv-70 {
    padding-top: 70px!important;
    padding-bottom: 70px!important;
}

.no-pv,
.pv-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.ph-5 {
    padding-left: 5px !important;
    padding-right: 5px!important;
}

.ph-10 {
    padding-left: 10px !important;
    padding-right: 10px!important;
}

.ph-15 {
    padding-left: 15px !important;
    padding-right: 15px!important;
}

.ph-20 {
    padding-left: 20px !important;
    padding-right: 20px!important;
}

.ph-30 {
    padding-left: 30px !important;
    padding-right: 30px!important;
}

.ph-40 {
    padding-left: 40px !important;
    padding-right: 40px!important;
}

.ph-50 {
    padding-left: 50px!important;
    padding-right: 50px!important;
}

.ph-60 {
    padding-left: 60px!important;
    padding-right: 60px!important;
}

.ph-70 {
    padding-left: 70px!important;
    padding-right: 70px!important;
}

.no-ph,
.ph-0 {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.padding-5 {
    padding: 5px !important
}

.padding-10 {
    padding: 10px !important
}

.padding-15 {
    padding: 15px !important
}

.padding-20 {
    padding: 20px !important
}

.padding-30 {
    padding: 30px !important
}

.padding-40 {
    padding: 40px !important
}

.no-padding,
.padding-0 {
    padding: 0 !important
}
/*-------------------------------*/
/* fuentes fonts */
/*-------------------------------*/
@font-face {
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 400;
  src: url(../fonts/MaterialIcons-Regular.eot); /* For IE6-8 */
  src: local('../fonts/Material Icons'),
       local('../fonts/MaterialIcons-Regular'),
       url(../fonts/MaterialIcons-Regular.woff2) format('woff2'),
       url(../fonts/MaterialIcons-Regular.woff) format('woff'),
       url(../fonts/MaterialIcons-Regular.ttf) format('truetype');
}

.material-icons {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;  /* Preferred icon size */
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
    vertical-align: middle;

  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;

  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;

  /* Support for IE. */
  font-feature-settings: 'liga';
}
.material-icons.md-18 { font-size: 18px; }
.material-icons.md-24 { font-size: 24px; }
.material-icons.md-36 { font-size: 36px; }
.material-icons.md-48 { font-size: 48px; }


/*! Generated by Font Squirrel (https://www.fontsquirrel.com) on August 29, 2017 */

@font-face {
    font-family: 'stilulight';
    src: url('../fonts/stilu-light-webfont.woff2') format('woff2'),
         url('../fonts/stilu-light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'stilulight_oblique';
    src: url('../fonts/stilu-lightoblique-webfont.woff2') format('woff2'),
         url('../fonts/stilu-lightoblique-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'stiluregular';
    src: url('../fonts/stilu-regular-webfont.woff2') format('woff2'),
         url('../fonts/stilu-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'stiluitalic';
    src: url('../fonts/stilu-oblique-webfont.woff2') format('woff2'),
         url('../fonts/stilu-oblique-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'stilusemibold';
    src: url('../fonts/stilu-semibold-webfont.woff2') format('woff2'),
         url('../fonts/stilu-semibold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'stilusemibold_oblique';
    src: url('../fonts/stilu-semiboldoblique-webfont.woff2') format('woff2'),
         url('../fonts/stilu-semiboldoblique-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'stilubold';
    src: url('../fonts/stilu-bold-webfont.woff2') format('woff2'),
         url('../fonts/../fonts/stilu-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'stilubold_oblique';
    src: url('../fonts/stilu-boldoblique-webfont.woff2') format('woff2'),
         url('../fonts/stilu-boldoblique-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

/*-------------------------------*/
/* stilo fuente */
/*-------------------------------*/
.stilu-100{
    font-family: 'stilulight', sans-serif;!important;
}
.stilu-100-italic{
    font-family: 'stilulight_oblique', sans-serif;!important;
}
.stilu{
    font-family: 'stiluregular', sans-serif;!important;
}
.stilu-italic{
    font-family: 'stiluitalic', sans-serif;!important;
}
.stilu-semibold{
    font-family: 'stilusemibold', sans-serif;!important;
}
.stilu-semibold-italic{
    font-family: 'stilusemibold_oblique', sans-serif;!important;
}
.stilu-bold{
    font-family: 'stilubold', sans-serif;!important;
}
.stilu-bold-italic{
    font-family: 'stilusemibold_oblique', sans-serif;!important;
}

/*-------------------------------*/
/* tamaños de fuente */
/*-------------------------------*/

.font-w-100{
    font-weight: 100;
}
.font-w-300{
    font-weight: 300;
}
.font-w-400{
    font-weight: 400;
}
.font-italic{
    font-style: italic;
}
.font-w-500{
    font-weight: 500;
}
.font-w-600{
    font-weight: 600;
}
.font-w-700{
    font-weight: 700;
}
.font-w-900{
    font-weight: 900;
}
.font-w-bold{
    font-weight: bold;
}
.uppercase{
    text-transform: uppercase;
}

/*-------------------------------*/
/* overflows */
/*-------------------------------*/
.o-hidden{
    overflow: hidden;
}
.o-hidden-x{
    overflow-x: hidden;
}
.o-hidden-y{
    overflow-y: hidden;
}

/*-------------------------------*/
/* links */
/*-------------------------------*/
a,
a:visited,
a:focus,
a:active,
a:hover {
    text-decoration: none;
    outline: none;
}

a {
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    cursor: poitner;
    text-decoration: none;
}

a:hover {
    text-decoration: none;
}

/*-------------------------------*/
/* Colores de texto */
/*-------------------------------*/
:root {
  --blanco: #fff;
  --negro: #000;
  --azul-claro: #2BACE3;
  --azul-oscuro: #002D73;
  --gris-oscuro: #718ca4;
}

.cuadro{
    width: 100px;
    height: 100px;
    border: 1px solid;
    background: var(--azul-claro);
    color: var(--negro);
}

.text-white{
    color: #fff!important;
}
.text-grey{
    color: #9299A1!important;
}
.text-dark{
    color: #4a4a4a!important;
}
.text-black{
    color: #1a1a1a!important;
}
.text-green{
    color: #07d159;
}
.text-red{
    color: #e74c3c;
}
.text-yellow{
    color: #ffa500;
}
.text-gradient{

}
.text-blue{
    color: #2BACE3;
}
.text-blue-2{
    color: #666598;
}
.text-blue-dark{
    color: #002D73;
}
.text-blue-dark-2{
    color: #001E61;
}

.bg-blue{
    background: #2BACE3;
}
.bg-blue-2{
    background: #666598;
}
.bg-blue-dark{
    background: #002D73;
}
.bg-blue-dark-2{
    background: #001E61;
}
.bg-grey{
    background: #d4dce6;
}
.bg-grey-2{
    background: #e5eaef;
}


/*-------------------------------*/
/* barras o scrolls */
/*-------------------------------*/
body::-webkit-scrollbar {
    width: 10px;
}

body::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
}

body::-webkit-scrollbar-thumb {
  background-color: darkgrey;
  outline: 1px solid slategrey;
}

/*-------------------------------*/
/* checkbox */
/*-------------------------------*/

.checkbox label {
    padding-left: 0;
}

.checkbox label:after,
.radio label:after {
    content: '';
    display: table;
    clear: both;
}

.checkbox .cr,
.radio .cr {
    position: relative;
    display: inline-block;
    border: 1px solid #a9a9a9;
    border-radius: .25em;
    width: 1.3em;
    height: 1.3em;
    float: left;
    margin-right: .5em;
}

.radio .cr {
    border-radius: 50%;
}

.checkbox .cr .cr-icon,
.radio .cr .cr-icon {
    position: absolute;
    font-size: .8em;
    line-height: 0;
    top: 50%;
    left: 20%;
}

.radio .cr .cr-icon {
    margin-left: 0.04em;
}

.checkbox label input[type="checkbox"],
.radio label input[type="radio"] {
    display: none;
}

.checkbox label input[type="checkbox"] + .cr > .cr-icon,
.radio label input[type="radio"] + .cr > .cr-icon {
    transform: scale(3) rotateZ(-20deg);
    opacity: 0;
    transition: all .3s ease-in;
}

.checkbox label input[type="checkbox"]:checked + .cr > .cr-icon,
.radio label input[type="radio"]:checked + .cr > .cr-icon {
    transform: scale(1) rotateZ(0deg);
    opacity: 1;
}

.checkbox label input[type="checkbox"]:disabled + .cr,
.radio label input[type="radio"]:disabled + .cr {
    opacity: .5;
}



/*-------------------------------*/
/* 5 columnas bootstrap  */
/*-------------------------------*/

.col-xs-15,
.col-sm-15,
.col-md-15,
.col-lg-15 {
    position: relative;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
}

.col-xs-15 {
    width: 20%;
    float: left;
}

@media (min-width: 768px) {
.col-sm-15 {
        width: 20%;
        float: left;
    }
}

@media (min-width: 992px) {
    .col-md-15 {
        width: 20%;
        float: left;
    }
}

@media (min-width: 1200px) {
    .col-lg-15 {
        width: 20%;
        float: left;
    }
}

.opacity{
    opacity: .5;
}
.wow{
    visibility: hidden;
}
/*-------------------------------*/
/* botones */
/*-------------------------------*/

button{
    cursor: pointer!important;
}
.btn {
    -webkit-transition: all 300ms ease-out;
    -moz-transition: all 300ms ease-out;
    -ms-transition: all 300ms ease-out;
    -o-transition: all 300ms ease-out;
    transition: all 300ms ease-out;
    border-radius: .5em;
    font-size: 1em;
    cursor: pointer;

}

.btn.active.focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn:active:focus,
.btn:focus {
    outline: none;

}

.btn-link {
    text-decoration: none;
}

.btn-link:hover,
.btn-link.hover,
.btn-link:focus,
.btn-link:active,
.btn-link.active,
.open > .dropdown-toggle.btn-link {
    text-decoration: none;
    outline: 0;
}

.btn-primary {
    color: #ffffff;
    background-color: #2BACE3;
    border-color: #2BACE3;
    box-shadow: 0 6px 0 0 rgba(172, 176, 206, 0.4);

}

.btn-primary:hover,
.btn-primary.hover,
.btn-primary:focus,
.btn-primary.active:focus,
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
    color: #ffffff;
    background-color: #002d73;
    border-color: #002d73;
    outline: none;
    box-shadow: 0 8px 0 0 rgba(172, 176, 206, 0.4)
}

.btn-primary.active.focus,
.btn-primary.active:focus,
.btn-primary.active:hover,
.btn-primary:active.focus,
.btn-primary:active:focus,
.btn-primary:active:hover,
.open>.dropdown-toggle.btn-primary.focus,
.open>.dropdown-toggle.btn-primary:focus,
.open>.dropdown-toggle.btn-primary:hover {
    color: #ffffff;
    background-color: #002d73;
    border-color: #002d73;
}

.btn-success {
    color: #ffffff;
    background-color: #07d159;
    border-color: #07d159;
}

.btn-success:hover,
.btn-success.hover,
.btn-success:focus,
.btn-success:active,
.btn-success.active,
.open > .dropdown-toggle.btn-success {
    color: #ffffff;
    background-color: #08ad4b;
    border-color: #08ad4b;
}

.btn-success.active.focus,
.btn-success.active:focus,
.btn-success.active:hover,
.btn-success:active.focus,
.btn-success:active:focus,
.btn-success:active:hover,
.open>.dropdown-toggle.btn-success.focus,
.open>.dropdown-toggle.btn-success:focus,
.open>.dropdown-toggle.btn-success:hover {
    background-color: #08ad4b;
    border-color: #08ad4b;
}

.btn-warning {
    color: #fff0;
    background-color: #ffa500;
    border-color: #ffa500;
}

.btn-warning:hover,
.btn-warning.hover,
.btn-warning:focus,
.btn-warning:active,
.btn-warning.active,
.open > .dropdown-toggle.btn-warning {
    color: #fff;
    background-color: #ffa500;
    border-color: #ffa500;
}

.btn-default {
    background-color: #505987;
    border: 2px solid #505987;
    color: #fff;
    box-shadow: 0 6px 0 0 rgba(172, 176, 206, 0.4);
}

.btn-default.active.focus,
.btn-default.active:focus,
.btn-default.active:hover,
.btn-default:active.focus,
.btn-default:active:focus,
.btn-default:active:hover,
.open>.dropdown-toggle.btn-default.focus,
.open>.dropdown-toggle.btn-default:focus,
.open>.dropdown-toggle.btn-default:hover {
    background-color: #505987;
    border: 2px solid #fff;
        box-shadow: 0 6px 0 0 rgba(172, 176, 206, 0.4);
    color: #fff;
}

.btn-default:hover,
.btn-default.hover,
.btn-default:focus,
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
    color: #000;
    background-color: #505987;
    border: 2px solid #505987;
    box-shadow: 0 8px 0 0 rgba(172, 176, 206, 0.4);
    color: #fff;
}

.btn-danger {
    color: #ffffff;
    background-color: #e74c3c;
}

.btn-danger:hover,
.btn-danger.hover,
.btn-danger:focus,
.btn-danger:active,
.btn-danger.active,
.open > .dropdown-toggle.btn-danger {
    color: #ffffff;
    background-color: #ec7063;
    border-color: #ec7063;
}

.btn-info {
    color: #ffffff;
    background-color: #002d73;
    box-shadow: 0 6px 0 0 rgba(172, 176, 206, 0.4);
}

.btn-info:hover,
.btn-info.hover,
.btn-info:focus,
.btn-info:active,
.btn-info.active,
.open > .dropdown-toggle.btn-info {
    color: #ffffff;
    background-color: #002d73;
    border-color: #002d73;
    box-shadow: 0 8px 0 0 rgba(172, 176, 206, 0.4);
}

.btn-facebook {
    color: #ffffff;
    background-color: #3b5998;
}

.btn-facebook:hover,
.btn-facebook.hover,
.btn-facebook:focus,
.btn-facebook:active,
.btn-facebook.active,
.open > .dropdown-toggle.btn-facebook {
    color: #fff;
}

.btn-transparent {
    color: #ffffff;
    background-color: transparent;
}

.btn-transparent:hover,
.btn-transparent.hover,
.btn-transparent:focus,
.btn-transparent:active,
.btn-transparent.active,
.open > .dropdown-toggle.btn-transparent {
    color: #fff;
}

.btn-inverse {
    color: #ffffff;
    background-color: #34495e;
}

.btn-inverse:hover,
.btn-inverse.hover,
.btn-inverse:focus,
.btn-inverse:active,
.btn-inverse.active,
.open > .dropdown-toggle.btn-inverse {
    color: #ffffff;
    background-color: #415b76;
    border-color: #415b76;
}

.btn-group-lg>.btn,
.btn-lg {
    padding: 16px
}

.btn.active,
.btn:active {
    outline: 0;
    -webkit-box-shadow: inset 0 0px 0px rgba(0, 0, 0, .125);
     box-shadow: inset 0 0px 0px rgba(0, 0, 0, .125);
}

.btn-circle {
    width: 18px!important;
    height: 18px!important;
    text-align: center;
    font-size: 1.6em;
    border-radius: 50%;
    padding: 0;

}


.btn.btn-round {
    border-radius: 30px;
    padding: 10px;
}

.btn-blanco{
    font-size: 1.2em;
    padding-top: 2px;
    padding-bottom: 2px;
}
.btn-blanco:hover,
.btn-blanco.hover,
.btn-blanco:focus,
.btn-blanco:active,
.btn-blanco.active,
.open > .dropdown-toggle.btn-blanco {

}
.btn-cuadrado{
    font-size: 1.2em;
    padding-top: 2px;
    padding-bottom: 2px;
    width: 100%;
    background:#fff;
    border: none;
    color: #a0a0a0;
    padding:
}
.btn-cuadrado:hover,
.btn-cuadrado.hover,
.btn-cuadrado:focus,
.btn-cuadrado:active,
.btn-cuadrado.active,
.open > .dropdown-toggle.btn-cuadrado {
    background:#254284;
}



.p-e{
    pointer-events: none;
}
/*-------------------------------*/
/* responsive breakpoint */
/*-------------------------------*/

@media (max-width:480px) {}
@media (max-width:768px) {}
@media (max-width:1024px) {}