/* 
Extra small devices (portrait phones, less than 576px) 
No media query since this is the default in Bootstrap because it is "mobile first"
*/

.btn-grey {
    padding: 5px 5px;
    margin-bottom: 2px;
    margin-top: 2px;
}

.downline {
    border-radius:5px;
    border-bottom:3px solid #14696f;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.1);
    background:#fff;
}

.upline {
    border-radius:5px;
    border-top: 3px solid #14696f;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.1);
    background:#fff;
}

.background-verde{
   background:#0099CC;
}

.mmt-16 {
    margin-top: -16px;
}

.he30{
    height: 30px !important;
}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
    /* ...your code here and uncomment... */
}


/*  Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
    /* .btn-grey {
           padding: 5px 5px;
           margin-bottom: 2px;
           margin-top: 2px;
       }*/
}


/*  Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
}


/* Extra large devices (large desktops, 1200px and up)  */
@media (min-width: 1200px) {
    .mt-xl-100 {
        margin-top: 100px;
    }
    .mt-xl-50 {
        margin-top: 50px;
    }

}


/* XX-Large devices (larger desktops, 1400px and up) */
@media (min-width: 1400px) {
    /* ...your code here and uncomment... */
}


/* Print media (if applicable) */
@media print {
    /* ...your code here and uncomment... */
}