.btn-sm .oi {font-size: 12px;}
.btn-primary {background-color: #01a3ee; border-color: #01a3ee;}
.btn-link {color: #01a3ee;}
.btn-danger {background-color: #ed1c24; border-color: #ed1c24;}
.text-danger {color: #ed1c24!important;}

body
{
    background-color: #fafbfd;
}
div[class^="checkbox-overflow-"]
{
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow-x: hidden;
}
.master-form .checkbox-overflow-200
{
    height: 200px;
    overflow-y: scroll;
    font-size: 12px;
    text-overflow: ellipsis;
}
.master-form .checkbox-overflow-100
{
    height: 100px;
    overflow-y: scroll;
    font-size: 12px;
    text-overflow: ellipsis;
}

.main-notifications
{
    max-height: 200px;
    overflow-y: scroll;
}

.card-shadow-1
{
    border: 0 solid #edf2f9;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}
.card-bradius-1
{
    border-radius: 0.375rem;
}
.ticket-dashboard-gradient
{
    background-color: #40a3fe;
    background-image: linear-gradient(90deg, #edf2f9 0%, #ffffff 100%);
}

.dataTables_wrapper
{
    font-size: 13px;
}

/* INICIO: Media querys enfocados en Mobile First */
/* Extra small devices (portrait phones, less than 576px)
   No media query for `xs` since this is the default in Bootstrap */

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px)
{

}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px)
{

}

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

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) 
{

}
/* FIN: Media querys enfocados en Mobile First */


/* INICIO: Media querys en otra dirección */
/* Extra small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) 
{}

/* Small devices (landscape phones, less than 768px) */
@media (max-width: 767.98px) 
{}

/* Medium devices (tablets, less than 992px) */
@media (max-width: 991.98px) 
{}

/* Large devices (desktops, less than 1200px) */
@media (max-width: 1199.98px) 
{}

/* Extra large devices (large desktops)
   No media query since the extra-large breakpoint has no upper bound on its width */
/* FIN: Media querys enfocados en otra dirección */


/* INICIO: Media querys en intervalos */
/* Extra small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) 
{}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) and (max-width: 767.98px) 
{}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) and (max-width: 991.98px) 
{}

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

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) 
{}
/* FIN: Media querys en intervalos */