/* -- VARIABLES -- */
:root {
    --primary-color: #4285f4;
    --primary-color-hover: #0056b3;

    --info-color: #17a2b8;
    --info-color-hover: #117a8b;
}
/* -- VARIABLES -- end -- */

body {
    min-height: 100vh;
}

.actions-column {
    min-width: 100%;
    white-space: nowrap;
}

.flex-1 {
    flex: 1;
}

.toast {
    border-left: .40rem solid rgba(255,255,255,0) !important;
}

td.first{
    border-left: 4px solid rgba(255,255,255,0) !important;
}

td.first.deleted{
    border-left: 4px solid rgb(255, 53, 71) !important;
}


/* -- Authentication -- */

.login-logo {
    max-width: 250px;
}

/* -- Authentication -- end -- */


/* -- Header -- */

nav .navbar-brand .logo {
    max-width: 120px;
}

/* -- Header -- end -- */


/* -- Personalización de formulario -- */

label {
    color: #757575;
}

.select2.select2-container.multiple {
    width: 100% !important;
    display: block !important;
    min-height: 38px;
}

.select2.select2-container {
    width: 100% !important;
    display: block !important;
}

.select2.select2-container.multiple .select2-selection {
    min-height: 38px;
}

.select2-container--focus.select2-container--open .select2-selection {
    border-color: #33b5e5 !important;
}

.md-form label.active {
    -webkit-transform: translateY(-25px) scale(1);
    transform: translateY(-25px) scale(1);
}


.custom-control.danger .custom-control-input:checked ~ .custom-control-label::before {
    border-color: #ff3547 !important;
    background-color: #ff3547;
}

/* -- Personalización de formulario  -- end -- */




/* -- LOGIN STYLES -- */

/*.login-block {
    background: #EEE;
}*/

.input-container {
    display: -ms-flexbox; /* IE10 */
    display: flex;
    width: 100%;
    margin-bottom: 15px;
}

.icon {
    padding: 15px;
    /*background: dodgerblue;*/
    color: white;
    min-width: 50px;
    text-align: center;
}

.input-field {
    width: 100%;
    padding: 10px;
    outline: none;
    height: 100%;
}

.input-field:focus {
    border: 2px solid var(--primary-color);
}

/* -- LOGIN STYLES  -- end -- */


th.dtfc-fixed-left, th.dtfc-fixed-right, td:not(.dataTables_empty).dtfc-fixed-left, td.dtfc-fixed-right {
    z-index: 1;
}

tr:not(:hover).odd td {
    background-color: #f9f9f9;
}

tr:not(:hover).even td {
    background-color: #fff;
}

thead th {
    background-color: white;
}

tfoot th {
    background-color: white;
}

/* -- HELP STYLES -- */

#back-to-top {
    position: fixed;
    bottom: 30px;
    right: 30px;

    z-index: 999;
    color: #FFF;

    width: 47px;
    height: 47px;

    border-radius: 50%;
}
#back-to-top:hover {
    background: var(--primary-color-hover)!important;
}
#back-to-top.hide {
    visibility: hidden;
    opacity: 0;
    transition: visibility 0s, opacity 0.5s linear;
}

#back-to-top i {
    margin-left: -.4px;
}

#help-content figure {
    text-align: center;
}
#help-content figure img {
    max-height: 500px;
}
#help-content figure figcaption {
    text-align: left;
}

.help nav.my-3.sticky-top ul {
    list-style: none;
}

@media ( min-width: 992px ) {
    .help nav ul {
        max-height: 100vh;
    }
}

/*  -- Validation form --  */

.btn.btn-danger.px-3.mx-2.focus.active.disabled {
    background: #ce0012 !important;
}

/* -- Badges -- */

.badge-hover.badge-info {
    transition: .2s;
    cursor: pointer;
}

.badge-hover.badge-info:hover {
    background-color: var(--info-color-hover)!important;
}

/* -- Datatable aditionals -- */
#tableContacts .category span, #tableContacts .subcategory span { cursor: pointer }