/*================================================================================
	Item Name: Robust - Responsive Admin Template
	Version: 2.0
	Author: PIXINVENT
	Author URL: http://www.themeforest.net/user/pixinvent
================================================================================

NOTE:
------
PLACE HERE YOUR OWN SCSS CODES AND IF NEEDED, OVERRIDE THE STYLES FROM THE OTHER STYLESHEETS.
WE WILL RELEASE FUTURE UPDATES SO IN ORDER TO NOT OVERWRITE YOUR STYLES IT'S BETTER LIKE THIS.  */

.navbar-light{
    background-color: #2295ad;
}

.navbar-light .navbar-nav .nav-link {
    color: #333;
}



.btn-info {
    color: #fff;
    border-color: #2295ad !important;
    background-color: #2295ad !important;
}

.btn-primary {
    color: #fff;
    border-color: #2295ad !important;
    background-color: #2295ad !important;
}

.bg-info {
    background-color: #2295ad !important;
}

#navbar-mobile li{
    color: #fff !important;
}


.table_dashboard th, .table_dashboard td{
    padding: 1rem 0.6rem 0.5rem 0.6rem !important;
}

.smallHeight{
    height: 30px;
}

.info-status-chart{
    float: right;
}

.card-header-section{
    height: 42px;
}

.dot-orange {
    height: 25px;
    width: 25px;
    background-color: orange;
    color: white;
    border-radius: 50%;
    display: inline-block;
    text-align: center;
}

.dot-yellow {
    height: 25px;
    width: 25px;
    background-color: yellow;
    color: black;
    border-radius: 50%;
    display: inline-block;
    text-align: center;
}

.dot-red {
    height: 25px;
    width: 25px;
    background-color: red;
    color: white;
    border-radius: 50%;
    display: inline-block;
    text-align: center;
}

.dot-green {
    height: 25px;
    width: 25px;
    background-color: green;
    color: white;
    border-radius: 50%;
    display: inline-block;
    text-align: center;
}

.grid_header{
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(25rem, 1fr));
}

.header_title{
    grid-column-start: 1;
    grid-column-end: 2;
}

.header_search{
    grid-column-start: 2;
    grid-column-end: 6;
}

.header_actions{
    grid-column-start: 5;
    grid-column-end: 6;
}

.header_search form{
    float: right;
}

.repeater-default .row{
    background-color: #f9f9f9;
    padding: 10px;
    -webkit-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.1);
    -moz-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.1);
    box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.1);
    margin-bottom: 10px;
}

.btn_delete_items{
    float: right;
}

.newVisit{
    margin-top: 20px;
}

.table-responsive tbody, .table-responsive thead{
    width: 100% !important;
}

.header_search form input, .header_search form select {
    margin-right: 5px;
    margin-bottom: 5px;
}

.header_search form button{
    margin-left: 10px;
    margin-bottom: 5px;
}



.table .btn{
    padding: .3rem .5rem !important;
    margin-bottom: 0px !important;
}

.dataTables_length .custom-select{
    width: 60px !important;
    height: 25px !important;
}

.btn_delete_items {
    padding: .4rem .5rem !important;
}

.horizontal-top-icon-menu #main-menu-navigation li.nav-item .nav-link i {
    font-size: 1.5rem;
    display: block;
    float: none;
    margin-right: 0;
    margin-bottom: .5rem;
    text-align: center;
}

.header-navbar  .dropdown .dropdown-menu .dropdown-item {
    width: 100%;
    padding: 5px 20px;
}

.header-navbar .dropdown .dropdown-menu li > a.nav-link {
    padding: 1rem 1rem !important;
    min-width: 180px;
}

.header-navbar .dropdown .dropdown-menu li > a.nav-link:hover {
    background-color: #f5f5f5;
}

#header_search input, #header_search select{
    margin-right: 10px;
}

.grid_search_button{
    margin-top: 28px;
    display: inline-block;
}

.bold{
    font-weight: bold;
    color: #333;
}

.my_btn_export{
    margin-top: 28px;
    display: inline-block;
}

.canbill{
    float: left;
}

.pagination a{
    padding: 10px 15px;
    border: 1px solid #ddd;
}

.pagination li.active a{
    padding: 10px 15px;
    border: 1px solid #2295ad;
    background-color: #2295ad;
    color: #fff;
    font-weight: bold;
}

.nav_pagination nav{
    display: inline-block;
    width: auto;
}

.header-navbar.navbar-dark.navbar-border{
    background-color: #2295ad !important;
}

input.days[type=checkbox] {
    display:none;
}

input.days + label
{
    background: #fff;
    height: 38px;
    min-width: 120px;
    display:inline-block;
    padding: 5px;
    text-align: center;
    border-radius: 3px;
    color: #646464;
    border: 1px solid #d7d7d7;
}

input.days:checked + label
{
    background: #2295ad;
    border: 1px solid #2295ad;
    height: 38px;
    min-width: 120px;
    display:inline-block;
    padding: 5px;
    color: #fff;
    text-align: center;
    border-radius: 3px;
}

.content-header-right . btn-info{
    margin-right: 10px !important;
}

.inline{
    width: auto;display: inline !important;
}

#header_search input, #header_search select, #header_search button{
    margin-top: 10px;
}

.content-header-right a {
    margin-right: 10px;
}

.active_filter{
    border: 1px solid #2295ad !important;
    background-color: rgba(34,149,173, .1);
}

#grid_search_codigo, #grid_search_active{
    max-width: 90px;
}
#grid_search_sus_date_start, #grid_search_sus_date_end, #grid_search_sus_date_modified, #grid_search_product_id, #grid_search_sus_name{
    max-width: 140px;
}

@media only screen and (max-width: 600px) {
    .grid_header{
        display: grid;
        grid-template-columns: repeat(1, 1fr);
    }

    .header_title{
        grid-column-start: 1;
        grid-column-end: 6;
        margin-top: 20px;
    }

    .header_search{
        grid-column-start: 1;
        grid-column-end: 6;
    }

    .header_search .btn-success{
        margin-top: 10px !important;
        float: right;
    }

    .header_actions{
        grid-column-start: 1;
        grid-column-end: 6;
    }

    .document_name{
        font-size: .6rem !important;
    }

    .horizontal-top-icon-menu #main-menu-navigation li.nav-item .nav-link i {
        display: inline-block !important;
        margin-right: 10px;
    }

    .fa-ellipsis-v{
        display: none !important;
    }

    #header_search input, #header_search select{
        margin-right: 0px;
        margin-bottom: 10px;
    }

}


@media only screen
and (min-device-width: 768px)
and (max-device-width: 1024px)
and (-webkit-min-device-pixel-ratio: 1) {

    .grid_header{
        display: grid;
        grid-template-columns: repeat(1, 1fr);
    }

    .header_title{
        grid-column-start: 1;
        grid-column-end: 6;
        margin-top: 20px;
    }

    .header_search{
        grid-column-start: 1;
        grid-column-end: 6;
    }

    .header_search .btn-success{
        margin-top: 10px !important;
        float: right;
    }

    .header_actions{
        grid-column-start: 1;
        grid-column-end: 6;
    }


}

/* Smartphones (portrait) ----------- */
@media only screen
and (max-width : 600px) {
    /* Styles */
   .clock_hours {
       display: inline-block;
       width: 60px;
       height: calc(2.75rem + 2px);
   }

    .clock_minutes {
        display: inline-block;
        width: 60px;
        height: calc(2.75rem + 2px);
    }

    .clock_ampm {
        display: inline-block;
        width: 60px;
        height: calc(2.75rem + 2px);
    }
    .dropzone .dz-message {
        font-size: 1.2rem !important;
    }


}

.custom_checkboxes .tags input[type=checkbox] {
    display:none;
}

.custom_checkboxes .tags input + label
{
    background: #fff;
    height: 38px;
    width: auto;
    display:inline-block;
    padding: 5px;
    text-align: center;
    border-radius: 3px;
    color: #646464;
    border: 1px solid #d7d7d7;
    min-width: 200px;
}

.custom_checkboxes .tags input:checked + label
{
    background: #2295ad;
    border: 1px solid #2295ad;
    height: 38px;
    width: auto;
    display:inline-block;
    padding: 5px;
    color: #fff;
    text-align: center;
    border-radius: 3px;
}

.label_bold label{
    font-weight: bold;
}

/* Desktops and laptops ----------- */
@media only screen
and (min-width : 1224px) {
    /* Styles */
    .clock_hours {
        display: inline-block;
        width: 42px;
        height: calc(2.75rem + 2px);
    }

    .clock_minutes {
        display: inline-block;
        width: 42px;
        height: calc(2.75rem + 2px);
    }

    .clock_ampm {
        display: inline-block;
        width: 47px;
        height: calc(2.75rem + 2px);
    }
}