/*================================================================================
	Item Name: Modern Admin - Clean Bootstrap 4 Dashboard HTML Template
	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.  */

/**
 * Style for tables
 */
.table#servicios th,
.table#clientes th.center,
.table#proveedores th.center,
.table#facturas th.center,
.table#metodos_pagos th.center,
.table#servidores th.center,
.table#bancos th.center,
.table#ordenes th.center,
.table#usuarios th.center {
    padding: 0.75rem 1rem !important;
    text-align: center;
}

.table#facturasMes th.center {
    text-align: center;
}

/**
 * Style for table add services in order
 */
.table#add_servicios td {
    padding: 0.75rem 1rem !important;
    text-align: center;
}

.table#add_servicios td:first-child {
    width: 160px;
}
.table#add_servicios td:nth-child(2) {
    width: 120px;
}
.table#add_servicios td:nth-child(3) {
    width: 160px;
}
.table#add_servicios td:nth-child(4) {
    width: 155px;
}
.table#add_servicios td:last-child {
    width: 50px;
}

/**
 *  Notificaciones
 */
.markAsRead {
    margin-bottom: 0px !important;
}

/**
 * Style for table add services in invoice
 */
.table#add_servicios_facturas td {
    padding: 0.75rem 1rem !important;
    text-align: center;
}

.table#add_servicios_facturas td:first-child {
    width: 160px;
}
.table#add_servicios_facturas td:nth-child(4) {
    width: 140px;
}
.table#add_servicios_facturas td:nth-child(5) {
    width: 140px;
}
.table#add_servicios_facturas td:last-child {
    width: 50px;
}

/**
 * DropDown Customers
 */
.ui-widget-content {
    width: 216px;
}

.ui-menu .ui-menu-item {
    cursor: pointer;
}

/**
 * Color NavBar
 */
.navbar-header {
    background: #ff1635 !important;
}

/**
 * Foto del Cliente
 */
form #foto-select {
    font-size: 14px;
    font-weight: 600;
    color: #fff;
    background-color: #21afda;
    display: inline-block;
    transition: all .5s;
    cursor: pointer;
    padding: 10px 20px !important;
    text-transform: uppercase;
    width: fit-content;
    text-align: center;
    border-radius: 0.25rem;
}

form #foto-select:hover,
form #foto-select:focus {
    background: #b0b0b1 !important;
}

form #foto-select:active {
    box-shadow: 0px 0px 15px rgba(0, 0, 0, .125) inset !important;
}

form #foto-select:hover,
form #foto-select:focus {
    background: #b0b0b1 !important;
}

form #foto-select:active {
    box-shadow: 0px 0px 15px rgba(0, 0, 0, .125) inset !important;
}

/**
 *  Mostrar Cliente
 */
#patient-profile .patient-img {
    width: 75px;
}

#patient-profile .doctor-img {
    width: 35px;
}

#patient-profile .patient-name {
    text-align: center;
}

#patient-profile .patient-details-row {
    position: absolute;
}

#patient-profile .patient-info-heading {
    font-weight: 900;
    display: inline-block;
    width: 120px;
    text-align: right;
}

#patient-profile .diesase-badge {
    margin-right: 5px;
}

.patient-wrapper.table td {
    padding: 0.75rem 0.8rem;
}

.patient-wrapper .action i.text-success {
    margin-right: 0.3rem;
}

/**
 * Pagination
 */
.pagination {
    margin-top: 1rem;
}

.pagination {
    display: inline-block;
    padding-left: 0;
    margin: 20px 0;
    border-radius: 4px;
}

.pagination ul, menu, dir {
    display: block;
    list-style-type: disc;
    -webkit-margin-before: 1em;
    -webkit-margin-after: 1em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    -webkit-padding-start: 40px;
}

.pagination>li {
    display: inline;
}

.pagination>li:first-child>a,
.pagination>li:first-child>span {
    margin-left: 0;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}

.pagination>.active>a,
.pagination>.active>a:focus,
.pagination>.active>a:hover,
.pagination>.active>span,
.pagination>.active>span:focus,
.pagination>.active>span:hover {
    z-index: 3;
    color: #fff;
    cursor: default;
    background-color: #337ab7;
    border-color: #337ab7;
}

.pagination>.disabled>a,
.pagination>.disabled>a:focus,
.pagination>.disabled>a:hover,
.pagination>.disabled>span,
.pagination>.disabled>span:focus,
.pagination>.disabled>span:hover {
    color: #777;
    cursor: not-allowed;
    background-color: #fff;
    border-color: #ddd;
}

.pagination>li>a, .pagination>li>span {
    position: relative;
    float: left;
    padding: 6px 12px;
    margin-left: -1px;
    line-height: 1.42857143;
    color: #337ab7;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #ddd;
}

.form-simple input[type="text"] {
    margin-bottom: -1px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0; }

.form-simple input[type="mail"] {
    margin-bottom: -1px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0; }

.form-simple input[type="password"] {
    margin-bottom: 10px;
    border-top-left-radius: 0;
    border-top-right-radius: 0; }

.help-block ul {
    margin: 0 !important;
    padding: 0 !important; }
.help-block ul li {
    list-style: none; }

.navbar-flexbox-container {
    height: calc(100vh - 10rem);
    top: -50px;
    position: relative; }

.btn-login {
    background-color: #ff1635 !important;
    border-color: #ff1635 !important;
    color: #FFFFFF; }

.btn.btn-login:hover {
    color: #FFFFFF; }

.btn-reset {
    background-color: #ff1635 !important;
    border-color: #ff1635 !important;
    color: #FFFFFF; }

.btn.btn-reset:hover {
    color: #FFFFFF; }

.img_login {
    float: right;
    height: 440px; }

@media screen and (max-width: 1480px) {
    .img_login {
        width: 200px; } }

@media screen and (max-width: 1300px) {
    .img_login {
        display:none; } }

@media screen and (max-width: 900px) {
    .logo_login {
        width: 200px; } }

@media screen and (max-width: 410px) {
    .logo_login {
        width: 150px; } }


/**
 * En el Cliente - Contacto
 * Servicios (Select Multiple)
 */
.ms-choice {
    display: block;
    width: 100%;
    height: calc(1.25em + 1.5rem + 2px);
    padding: 0;
    overflow: hidden;
    cursor: pointer;
    border: 1px solid #babfc7;
    text-align: left;
    white-space: nowrap;
    line-height: 26px;
    color: #666ee8;
    text-decoration: none;
    -webkit-border-radius: 0.25rem;
    -moz-border-radius: 0.25rem;
    border-radius: 0.25rem;
    background-color: #fff;
}