/*=============================================================
    Authour URI: www.binarycart.com
    License: Commons Attribution 3.0

    http://creativecommons.org/licenses/by/3.0/

    100% To use For Personal And Commercial Use.
    IN EXCHANGE JUST GIVE US CREDITS AND TELL YOUR FRIENDS ABOUT US
   
    ========================================================  */
/*==============================================
    GENERAL  STYLES    
    =============================================*/




body {
    font-size: 12px;
    font-family: 'Open Sans', sans-serif;
    height: 100vh;
}

#wrapper {
    width: 100%;
    /*background:#d35400;*/
}



#page-inner {
    width: 100%;
    background-color: #fff !important;
}

.text-center {
    text-align: center;
}

.no-boder {
    border: 1px solid #f3f3f3;
}

h2 {
    color: #e67e22;
}

h4 {
    padding-top: 10px;
}

.square-btn-adjust {
    border: 0px solid transparent;
}
/* p {
    font-size:16px;
    line-height:25px;
    padding-top:20px;
} */
/*==============================================
   DASHBOARD STYLES    
    =============================================*/
.panel-back {
    background-color: #F8F8F8;
}

.noti-box {
    min-height: 100px;
    padding: 20px;
}

    .noti-box .icon-box {
        display: block;
        float: left;
        margin: 0 15px 10px 0;
        width: 70px;
        height: 70px;
        line-height: 75px;
        vertical-align: middle;
        text-align: center;
        font-size: 40px;
    }

.text-box p {
    margin: 0 0 3px;
}

.main-text {
    font-size: 25px;
    font-weight: 600;
}

.set-icon {
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
}

.bg-color-green {
    background-color: #00CE6F;
    color: #fff;
}

.bg-color-blue {
    background-color: #A95DF0;
    color: #fff;
}

.bg-color-red {
    background-color: #DB0630;
    color: #fff;
}

.bg-color-brown {
    background-color: #B94A00;
    color: #fff;
}


.icon-box-right {
    display: block;
    float: right;
    margin: 0 15px 10px 0;
    width: 70px;
    height: 70px;
    line-height: 75px;
    vertical-align: middle;
    text-align: center;
    font-size: 40px;
}

.main-temp-back {
    background: #8702A8;
    color: #FFFFFF;
    font-size: 16px;
    font-weight: 300;
    text-align: center;
}

    .main-temp-back .text-temp {
        font-size: 40px;
    }

.back-dash {
    padding: 20px;
    font-size: 20px;
    font-weight: 500;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    background-color: #2EA7EB;
    color: #fff;
}

    .back-dash p {
        padding-top: 16px;
        font-size: 13px;
        color: #fff;
        line-height: 25px;
        text-align: justify;
    }

.back-footer-green {
    background-color: #009B50;
    border-top: 0px solid #fff;
}

.back-footer-red {
    background-color: #Ae67e2200;
    border-top: 0px solid #fff;
}

.color-bottom-txt {
    color: #000;
    font-size: 16px;
    line-height: 30px;
}
/*CHAT PANEL*/
.chat-panel .panel-body {
    height: 450px;
    overflow-y: scroll;
}

.chat-box {
    margin: 0;
    padding: 0;
    list-style: none;
}

    .chat-box li {
        margin-bottom: 15px;
        padding-bottom: 5px;
        border-bottom: 1px dotted #808080;
    }

        .chat-box li.left .chat-body {
            margin-left: 90px;
        }

        .chat-box li .chat-body p {
            margin: 0;
            color: #8d8888;
        }

.chat-img > img {
    margin-left: 20px;
}

/*==============================================
    MENU STYLES    
    =============================================*/


.navbar-brand img {
    width: 122px;
    padding: 2rem;
}

.user-image {
    background: rgba(255,255,255,0.8);
    border: 5px solid rgba(255,255,255,0.5);
    border-radius: 100%;
    margin: 200px auto;
    max-height: 150px;
    max-width: 150px;
    padding: 0px;
}

.navbar-cls-top .navbar-brand {
    background: none repeat scroll 0 0 #e67e22;
    color: #fff;
    font-size: 30px;
    font-weight: 700;
    margin: 0;
    padding: 5px 10px;
    text-align: center;
    width: 260px;
}

.active-menu {
    background-color: #e67e22 !important;
}

.arrow {
    float: right;
}

.fa.arrow:before {
    content: "\f104";
}

.active > a > .fa.arrow:before {
    content: "\f107";
}


.nav-second-level li,
.nav-third-level li {
    border-bottom: none !important;
}

    .nav-second-level li a {
        padding-left: 37px;
    }

    .nav-third-level li a {
        padding-left: 55px;
    }

.sidebar-collapse, .sidebar-collapse .nav {
    background: n;
}

    .sidebar-collapse .nav {
        padding: 0;
    }

        .sidebar-collapse .nav > li > a {
            color: #fff;
            background: #d35400;
            text-shadow: none;
        }

    .sidebar-collapse > .nav > li {
        border-bottom: 1px solid rgba(107, 108, 109, 0.19);
    }

    .sidebar-collapse .nav > li > a:hover,
    .sidebar-collapse .nav > li > a:focus {
        background: #e67e22;
        outline: 0;
    }

.nav-second-level > li > a:before,
.nav-third-level > li > a:before {
    content: "";
    display: block;
    position: absolute;
    left: 20px;
    width: 15px;
    height: 1px;
    background: #fe67e2200;
    top: 20px;
}

.nav-second-level > li > a:after,
.nav-third-level > li > a:after {
    content: "";
    display: block;
    position: absolute;
    left: 20px;
    width: 1px;
    height: 100%;
    background: #fe67e2200;
    top: 0px;
    z-index: 10;
}

.nav-second-level > li:last-child > a:after,
.nav-third-level > li:last-child > a:after {
    height: 50%;
}

.nav-third-level > li > a:after,
.nav-third-level > li > a:before {
    left: 40px;
}

.navbar-side {
    border: none;
    background-color: #d35400;
}

.navbar-cls-top {
    background: #2980b9;
    border-bottom: none;
}

    .navbar-cls-top .navbar-brand:hover {
        background: #C90000;
        color: #fff;
    }

.navbar-default {
    border: 0px solid #d35400;
}

.navbar-header {
    background: #e67e22;
    width: 100%;
}

.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
    background-color: #B40101;
}

.navbar-default .navbar-toggle {
    border-color: #fff;
}

    .navbar-default .navbar-toggle .icon-bar {
        background-color: #FFF;
    }

.nav > li > a > i {
    margin-right: 10px;
}
/*==============================================
    UI ELEMENTS STYLES     
    =============================================*/
.btn-circle {
    width: 50px;
    height: 50px;
    padding: 6px 0;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
    text-align: center;
    font-size: 12px;
    line-height: 1.428571429;
}

/*==============================================
    MEDIA QUERIES     
    =============================================*/

@media(min-width:768px) {
    #page-wrapper {
        min-height: 0;
        padding: 15px 30px;
    }


    .navbar-side {
        z-index: 1;
        position: absolute;
        width: 260px;
    }

    .navbar {
        border-radius: 0px;
    }
}





img.icono {
    margin: -10px;
    padding: 0;
    width: 35px;
}

.filtro .input-group-addon {
    width: 110px;
}

/*.filtro .btn {
    width: 150px;
}*/

#reportes img.icono {
    float: right;
    margin: 1px 3px;
    width: 16px;
}

#reportes div.row:nth-child(2n) {
    background: none repeat scroll 0 0 #ebebeb;
}

#reportes div.row:nth-child(2n + 1) {
    background: none repeat scroll 0 0 #f7f7f7;
}

#divTelefonos {
    height: 500px;
    overflow: auto;
}

#listaLegajosDisponibles,
#listaContratistasDisponibles {
    position: fixed;
    width: 100%;
    height: 100%;
    margin: auto auto;
    z-index: 9999;
    display: none;
    top: 0px;
}

    #listaLegajosDisponibles .header,
    #listaContratistasDisponibles .header {
        background: none repeat scroll 0 0 #203855;
        color: #FFFFFF;
        font-weight: bold;
        height: 25px;
        position: relative;
        text-align: center;
        width: 350px;
        margin: auto auto;
        font-size: 1.5rem;
        padding: 2rem;
        display: flex;
        justify-content: center;
        align-items: center;
        border-radius: 5px 5px 0 0;
    }

        #listaLegajosDisponibles .header #cerrarPopUp,
        #listaContratistasDisponibles .header #cerrarPopUp2 {
            cursor: pointer;
            font-size: 22px;
            font-style: normal;
            font-weight: 600;
            height: 18px;
            line-height: 16px;
            margin: 0;
            padding: 0;
            position: absolute;
            right: 9px;
            top: 9px;
            width: 37px;
        }

    #listaLegajosDisponibles .lista,
    #listaContratistasDisponibles .lista {
        background-color: white;
        font-size: 11px;
        font-weight: bold;
        height: 375px;
        overflow-y: auto;
        overflow-x: hidden;
        width: 350px;
        margin: auto auto;
        padding: 4px;
        border-radius: 0 0 5px 5px;
    }

        #listaLegajosDisponibles .lista img,
        #listaContratistasDisponibles .lista img {
            height: 14px;
            margin: 25px 75px;
            width: 100px;
        }

        #listaLegajosDisponibles .lista .legajo,
        #listaContratistasDisponibles .lista .legajo {
            color: #000000;
            border-bottom: 1px solid #000000;
            cursor: pointer;
            font-size: 12px;
            line-height: 16px;
            overflow: hidden;
            padding: 4px;
            margin: 6px;
            text-align: left;
        }

            #listaLegajosDisponibles .lista .legajo:hover,
            #listaContratistasDisponibles .lista .legajo:hover {
                background-color: #fff;
                text-decoration: underline;
            }

            #listaLegajosDisponibles .lista .legajo.item,
            #listaContratistasDisponibles .lista .legajo.item {
                background: #fff;
            }

            #listaLegajosDisponibles .lista .legajo.altItem,
            #listaContratistasDisponibles .lista .legajo.altItem {
                background: #CCCCCC;
            }


#porDni {
    color: black;
    width: 84px;
    position: absolute;
    left: 0px;
}

#porDniSpan {
    position: relative;
    margin-right: 10px;
}
/*#listaLegajosDisponibles .lista .legajo.asignado {
    color: #6666FF;
}*/
#dgGrupo {
    _float: left;
    font-family: "segoe ui",arial;
    font-size: 12px;
    margin-top: 20px;
    _left: 50%;
    _margin-bottom: 23px;
    _margin-left: -400px;
    _position: absolute;
    top: 140px;
    width: 100%;
}

    #dgGrupo .head {
        _background: #E4E1E1 none repeat scroll 0 0;
        height: 30px;
        border: 1px solid #999;
        font-size: 16px;
        line-height: 30px;
        _color: #555;
    }

        #dgGrupo .head div {
            float: left;
            text-align: center;
            font-weight: bold;
            border-right: 1px solid #999;
        }

        #dgGrupo .head .id, #dgGrupo .Contenido .id, #dgGrupo .head .Kpi, #dgGrupo .Contenido .Kpi {
            height: 22px;
            line-height: 22px;
            padding: 0 4px 0 1px;
            text-align: right;
            width: 50px;
        }

        #dgGrupo .head .Proyecto, #dgGrupo .head .Creacion,
        #dgGrupo .head .Finalizacion, #dgGrupo .Contenido .fila .Proyecto,
        #dgGrupo .Contenido .fila .Creacion,
        #dgGrupo .Contenido .fila .Finalizacion {
            width: 130px;
            overflow: hidden;
        }

        #dgGrupo .head .Proyecto {
            width: 150px;
        }

        #dgGrupo .head .Maquina {
            width: 208px;
        }

        #dgGrupo .head .Horario {
            width: 100px;
        }

        #dgGrupo .head .centrocosto {
            width: 50px;
        }

        #dgGrupo .head .hsimputadas {
            width: 50px;
        }

        #dgGrupo .head .cortemano {
            width: 50px;
        }

        #dgGrupo .head .operador {
            width: 350px;
        }

        #dgGrupo .head .Estado, #dgGrupo .Contenido .fila .Estado {
            overflow: hidden;
            width: 55px;
        }

    #dgGrupo .Contenido .fila div {
        height: 21px;
        overflow: hidden;
    }

        #dgGrupo .Contenido .fila div.Proyecto {
            width: 146px;
        }

        #dgGrupo .Contenido .fila div.habitacion {
            padding: 0 4px;
            width: 84px;
            text-align: center;
        }

        #dgGrupo .Contenido .fila div.cama {
            padding: 0 4px;
            width: 45px;
            text-align: center;
        }

        /*
#dgGrupo .Contenido .fila div.Maquina select {
    float: left;
    font-size: 13px;
    height: 20px;
    line-height: 20px;
    margin: 0 1px;
    width: 100%;
}*/
        #dgGrupo .Contenido .fila div.operador {
            /*border: none;*/
            padding-left: 3px;
            width: 350px;
        }

        #dgGrupo .Contenido .fila div.entrada {
            padding-left: 3px;
            width: 119px;
        }

        #dgGrupo .Contenido .fila div.salida {
            padding-left: 3px;
            width: 112px;
        }

        #dgGrupo .Contenido .fila div.hsimputadas {
            padding-left: 3px;
            width: 100px;
        }

        #dgGrupo .Contenido .fila div.cortemano {
            padding-left: 3px;
            width: 100px;
        }

        #dgGrupo .Contenido .fila div.Borrar {
            border: medium none;
            cursor: pointer;
            float: left;
            height: 18px;
            margin: 0;
            padding: 2px 1px;
            width: 16px;
        }

        #dgGrupo .Contenido .fila div.Asignar {
            cursor: pointer;
            float: left;
            height: 18px;
            margin: 0;
            padding: 2px 1px;
            width: 18px;
        }

    #dgGrupo .fila .Tarea, #dgGrupo .head .Tarea {
        width: 268px;
        overflow: hidden;
    }

    #dgGrupo .Contenido .fila img {
        cursor: pointer;
        float: right;
    }

    #dgGrupo .Contenido .fila.subtitulo img {
        margin-left: -3px;
        margin-right: 4px;
    }

    #dgGrupo .fila .FechaCreacion, #dgGrupo .head .FechaCreacion {
        width: 140px;
        height: 22px;
        line-height: 22px;
    }

    #dgGrupo .Contenido {
        font-weight: normal;
        border: 1px solid #999;
        border-top: none;
        color: #555;
        _float: left;
        width: 100%;
        overflow-y: scroll;
        height: 400px;
    }

        #dgGrupo .Contenido div {
            float: left;
            text-align: center;
            border-right: 1px solid #999;
            padding-left: 2px;
            text-align: left;
            width: 100%;
        }

        #dgGrupo .Contenido .fila {
            float: left;
            height: 21px;
            line-height: 22px;
            border-right: none;
            border-bottom: 1px solid #999;
            _width: 777px;
        }

            #dgGrupo .Contenido .fila.marcada {
                color: #FF0000;
                font-weight: bold;
            }

        #dgGrupo .Contenido .subtitulo {
            background: rgba(230, 126, 34, 0.62) none repeat scroll 0 0;
            color: #FFFFFF;
            float: left;
            font-size: 16px;
            height: 25px;
            line-height: 25px;
            padding: 0 0 0 5px;
            text-align: left;
        }

            #dgGrupo .Contenido .subtitulo .fa {
                padding-top: 2px;
                font-size: 20px;
            }


        #dgGrupo .Contenido .filaDatos {
            color: rgba(0, 0, 0, 0.9);
            font-size: 14px;
            font-weight: 600;
        }

            #dgGrupo .Contenido .filaDatos .fa {
                padding-top: 1px;
                font-size: 16px;
            }

#dgGroup .Contenido .fila img {
    float: left;
    cursor: pointer;
}

#dgGrupo table thead tr th.contentCheck {
    width: 50px;
}

#dgGrupo table thead tr th.botonAccion {
    width: 80px;
}

#dgGrupo table tbody tr.contendorGrupo td {
    padding: 8px;
    font-size: 16px;
    font-weight: bold;
    background-color: #CD9A63;
    color: #ffffff;
    text-align: end;
}

    #dgGrupo table tbody tr.contendorGrupo td i {
        padding-right: 2.5rem;
        font-size: 20px;
        cursor: pointer;
        transition: all 0.4s;
        width: 30px;
    }

        #dgGrupo table tbody tr.contendorGrupo td i:hover {
            color: #333;
        }



#dgGrupo table tbody tr.filaDatos td i {
    font-size: 16px;
}

.contentHeader .botones {
    float: left;
    width: 150px;
    margin-top: 12px;
    margin-left: 50px;
}

    .contentHeader .botones img {
        float: left;
        margin: 0;
    }

.divCantPersonas {
    cursor: pointer;
    height: 18px;
    margin-bottom: 10px;
    padding-top: 10px;
    width: 230px;
}

    .divCantPersonas .texto {
        background: none repeat scroll 0 0 #428bca;
        color: #ffffff;
        padding-left: 20px;
        font-size: 15px;
    }


.item {
    background: #FFFFFF;
}

.alt {
    background: #ffffff;
}

#fondoOscuro {
    position: fixed !important;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 800px;
    background-color: #000;
    display: none;
    opacity: 0.85;
}

#loading {
    display: flex;
    justify-content: center;
    align-items: center;
    background: url('../images/newLoader.gif') no-repeat;
    position: absolute;
    display: none;
    z-index: 1000;
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: 42px;
}


.hora {
    max-width: 50px;
    padding-left: 5px;
}

#legajos {
    font-size: 10px;
}

#dgConf .foto {
    height: 100px;
    width: 110px;
    position: relative;
}

    #dgConf .foto .contentImg {
        clip: rect(32px, 92px, 125px, 10px);
        left: 5px;
        position: absolute;
        top: -30px;
        width: 100px;
    }

    #dgConf .foto .contentImgProp {
        clip: rect(32px, 92px, 125px, 10px);
        left: -5px;
        position: absolute;
        top: -10px;
        width: 100px;
    }

    #dgConf .foto .contentImg img {
        height: 300px;
        width: 230px;
    }

    #dgConf .foto .contentImgProp img {
        height: 300px;
        width: 230px;
        margin-left: -130px;
    }

#dgConf .presente {
    background: #dff0d8 none repeat scroll 0 0;
    color: #3c763d;
}

#dgConf .ausente {
    background: #f2dede;
    color: #a94442;
}

.presencia .glyphicon-ok-sign::before {
    margin-right: 10px;
}

.presencia .glyphicon-exclamation-sign::before {
    margin-right: 10px;
}

.row .panel-teal .widget-left {
    background: #1ebfae;
    color: #fff;
}

.row .panel-red .widget-left {
    background: #f9243f;
    color: #fff;
}

.row .widget-left {
    height: 80px;
    padding-top: 15px;
    text-align: center;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}

.row .glyphicon-l {
    font-size: 3em;
}

.row .widget-right .text-muted {
    color: #9fadbb;
    font-size: 14px;
}

.row .panel .large {
    font-size: 1em;
}

.row .col-lg-5 {
    width: 110px;
}

#dgConf.contenidoPantalla {
    float: left;
    width: 100%;
}

    #dgConf.contenidoPantalla .panel-heading .panel-title {
        font-size: 32px;
    }

    #dgConf.contenidoPantalla .panel-success .panel-heading .panel-title, #dgConf.contenidoPantalla .panel-danger .panel-heading .panel-title {
        font-size: 20px;
    }

        #dgConf.contenidoPantalla .panel-success .panel-heading .panel-title .glyphicon:before, #dgConf.contenidoPantalla .panel-danger .panel-heading .panel-title .glyphicon:before {
            margin-right: 10px;
        }

    #dgConf.contenidoPantalla .divContentGrupo {
        float: left;
        height: auto;
        width: 100%;
    }

        #dgConf.contenidoPantalla .divContentGrupo .panel-heading {
            position: relative;
        }

        #dgConf.contenidoPantalla .divContentGrupo .total {
            font-size: 30px;
            position: absolute;
            right: 55px;
            top: 5px;
        }

        #dgConf.contenidoPantalla .divContentGrupo .cantidad {
            font-size: 23px;
            padding-left: 10px;
        }

        #dgConf.contenidoPantalla .divContentGrupo .presentes, .contenidoPantalla .divContentGrupo .ausentes {
            float: left;
            border-right: 1px solid #ddd;
        }

        #dgConf.contenidoPantalla .divContentGrupo .contentImg {
            float: left;
        }

            #dgConf.contenidoPantalla .divContentGrupo .contentImg img {
                float: left;
                height: 300px;
                width: 230px;
            }

    #dgConf.contenidoPantalla .foto {
        border: 1px solid #ccc;
        height: 123px;
        position: relative;
        width: 90px;
        float: left;
    }

        #dgConf.contenidoPantalla .foto .nombre {
            float: left;
            font-family: arial;
            font-size: 16px;
            font-weight: bold;
            overflow: hidden;
            text-align: center;
            width: 100%;
        }

    #dgConf.contenidoPantalla .contentImg {
        clip: rect(33px, 93px, 124px, 10px);
        left: -9px;
        position: absolute;
        top: -9px;
        width: 100px;
    }

        #dgConf.contenidoPantalla .contentImg img {
            height: 300px;
            width: 230px;
        }

#barraPantalla {
    float: left;
    width: 100%;
}

    #barraPantalla .tituloPrincipal {
        float: left;
        font-size: 33px;
    }

    #barraPantalla #timer {
        float: left;
        font-size: 15px;
        margin-left: 50px;
        width: 300px;
    }

    #barraPantalla .empleados {
        float: right;
        font-size: 33px;
    }


#dgGrupo div.centrocosto, #dgGrupo div.hsimputadas, #dgGrupo div.cortemano {
    float: left;
    width: 50px;
}

    #dgGrupo div.centrocosto select, #dgGrupo div.hsimputadas select, #dgGrupo div.cortemano select {
        float: left;
        width: 100%;
    }

#menu #nav .dropdown .dropdown-toggle {
    padding: 15px 12px;
}

.row .etiqueta {
    text-align: right;
    width: 230px;
}

.row textarea {
    height: 40px;
    max-height: 120px;
    min-width: 200px;
    max-width: 510px;
    min-height: 30px;
}

.row .input-group {
    margin-bottom: 8px;
}

.titulo {
    font-size: 21px;
    font-weight: bold;
    text-align: center;
    width: 100%;
}

.row .listadoTiposOperativos {
    float: left;
    margin-left: -25px;
    margin-right: 60px;
    width: 210px;
}

    .row .listadoTiposOperativos .btn {
        font-size: 12px;
        margin-bottom: 2px;
        width: 90%;
    }

    .row .listadoTiposOperativos .elements .btn {
        margin-left: 10px;
    }

.tablaGrilla th.centrocostooperativo, th.tipoOperativo, .tablaGrilla th.lugarOperativo, .tablaGrilla th.operativo, .tablaGrilla th.cantManos, .tablaGrilla th.detalle, .tablaGrilla th.editar, .tablaGrilla th.borrar {
    padding: 2px;
}

.tablaGrilla .centroCostoOperativo {
    width: 150px;
    text-align: center;
    padding: 0;
}

.tablaGrilla .tipoOperativo {
    width: 150px;
    text-align: center;
    padding: 0;
}

.tablaGrilla .lugarOperativo {
    width: 150px;
    text-align: center;
    padding: 0;
}

.tablaGrilla .operativo {
    width: 150px;
    text-align: center;
    padding: 0;
}

.tablaGrilla .cantManos {
    width: 50px;
    text-align: center;
    padding: 0;
}

.tablaGrilla .detalle {
    width: 100%;
    text-align: center;
    padding: 0;
}

    .tablaGrilla .detalle div {
        color: #000000;
        font-family: arial;
        font-size: 8.5px;
        font-weight: bold;
        padding: 3px 0 0 5px;
        text-align: left;
        width: 100%;
    }

.tablaGrilla .editar, .tablaGrilla .borrar {
    width: 42px;
    text-align: center;
    padding: 0;
}

    .tablaGrilla .editar i, .tablaGrilla .borrar i {
        font-size: 15px;
    }

.tablaGrilla {
    table-layout: fixed;
}

    .tablaGrilla .btn {
        font-size: 10px;
        line-height: 28px;
        margin-bottom: 2px;
        padding: 0;
        margin: 0;
        width: 100%;
    }

    .tablaGrilla .lugarOperativo select, .tablaGrilla .operativo select {
        float: left;
        font-size: 10px;
        height: 30px;
        padding: 0;
        text-align: center;
        width: 100%;
    }

    .tablaGrilla .cantManos input {
        float: left;
        text-align: center;
        height: 30px;
    }

    .tablaGrilla .operativo select .oculto {
        display: none;
    }

    .tablaGrilla .operativo select .visible {
        display: block;
    }

.obligatorio:after {
    color: red;
    content: "*";
    font-size: 16px;
    margin-left: 4px;
    position: absolute;
    top: 5px;
}

.table-responsive {
    border: 1px solid #ddd;
    max-height: 480px;
    overflow-y: auto;
    border-radius: 5px;
    cursor: pointer;
    transition: all 0.4s;
}

@media(max-height:768px) {

    .table-responsive {
        max-height: 500px !important;
    }
}


#contenedor .grupoFilas {
    border: 1px solid #eee;
    float: left;
    margin-right: 3px;
    width: 300px;
}

    #contenedor .grupoFilas .input-group {
        margin-bottom: 4px;
        margin-left: 4px;
        margin-top: 4px;
        width: 100%;
    }

        #contenedor .grupoFilas .input-group .input-group-addon {
            display: block;
            float: left;
            text-align: right;
            width: 250px;
        }

        #contenedor .grupoFilas .input-group .form-control {
            display: block;
            float: left;
            height: 26px;
            width: 40px;
        }

.table-responsive {
    display: flex;
    table-layout: fixed;
}

    .table-responsive .id {
        width: 150px;
        text-align: center;
    }

    .table-responsive .descripcion100 {
        width: 100%;
        text-align: center;
    }

    .table-responsive .editar {
        width: 50px;
    }

    .table-responsive .borrar {
        width: 50px;
    }

    .table-responsive .nombre {
        width: 250px;
    }

    .table-responsive .editando {
        background: #8fd0a0 none repeat scroll 0 0;
        color: #fff;
        font-weight: bold;
    }

    .table-responsive tr {
        cursor: pointer;
    }

#page-wrapper #contentPrincipal {
    margin: 0;
    padding-left: 10px;
    padding-right: 10px;
}

.table-responsive table {
    table-layout: fixed;
}

#page-wrapper #contentPrincipal #datosFormulario {
    overflow-y: auto;
}

.table-responsive .botonAccion {
    width: 50px;
}

.table-responsive .empresa {
    width: 100px;
}

.table-responsive .dni {
    width: 80px;
}

.table-responsive .modo {
    width: 100px;
}

.table-responsive .convenio {
    width: 150px;
}

.table-responsive .telefono {
    width: 100px;
}

.table-responsive .fecha {
    width: 100px;
}

.row .filtrar {
    background: #8fd0a0;
    color: #fff;
}

.filtroCampo {
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 4px;
    color: #333;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    font-weight: normal;
    margin: -2px 1px;
    padding: 7px;
}

.grupoFiltro .input-group .form-control {
    width: 90%;
}

.datosFormulario .contenedorMediano {
    float: left;
    margin-left: 30px;
    width: 47%;
}

#reportes {
    overflow-y: scroll;
    max-height: 400px;
}

#dgGrupo .Contenido .contendorGrupo {
    padding-left: 0;
}

#dgGrupo .head .contentCheck, #dgGrupo .Contenido .contentCheck {
    height: 29px;
    width: 20px;
}

.table-responsive thead tr th {
    padding: 2px;
    text-align: center;
    vertical-align: middle;
}

.table-responsive tbody tr td {
    text-align: center;
    vertical-align: middle;
    column-gap: 0.9rem;
}

.historiaClinica .table-responsive tr {
    cursor: inherit;
}

.historiaClinica .table-responsive thead, .historiaClinica .table-responsive tbody {
    font-size: 10px;
}

    .historiaClinica .table-responsive tbody tr td div {
        line-height: inherit;
        max-height: 43px;
        overflow: hidden;
    }

.historiaClinica .table-responsive .nombre {
    width: 140px;
}

.historiaClinica .table-responsive .fecha {
    width: 60px;
}

.historiaClinica .table-responsive .hora {
    width: 35px;
}

.historiaClinica .table-responsive .tipo {
    width: 60px;
}

.historiaClinica .table-responsive tbody .detalle, .historiaClinica .table-responsive tbody .medicamento, .historiaClinica .table-responsive tbody .tratamiento {
    width: 150px;
}

.historiaClinica .table-responsive .proxControl {
    width: 50px;
}

.historiaClinica .table-responsive .visitaMedica {
    width: 42px;
}

.historiaClinica .table-responsive .estado {
    width: 68px;
}

.historiaClinica .table-responsive .adjuntos {
    width: 68px;
}

.historiaClinica .table-responsive tbody .adjuntos {
    cursor: pointer;
    font-size: 18px;
}

.historiaClinica .divDetalle {
    background: #428bca none repeat scroll 0 0;
    border-color: #428bca;
    border-radius: 5px;
    color: #fff;
    left: 50%;
    margin-left: -200px;
    position: absolute;
    top: 40%;
    width: 400px;
}

    .historiaClinica .divDetalle .cerrar {
        cursor: pointer;
        float: right;
        font-size: 20px;
    }

    .historiaClinica .divDetalle .tituloDetalle {
        font-size: 22px;
        font-weight: bold;
        text-align: center;
    }

    .historiaClinica .divDetalle .contenidoDetalle {
        font-size: 12px;
        margin-top: 20px;
        margin-bottom: 20px;
        padding: 5px;
        text-align: center;
    }

.historiaClinica .celdaSel {
    border: 1px solid blue;
}

.historiaClinica .divContentAdjuntos {
    background: #428bca none repeat scroll 0 0;
    border-color: #428bca;
    border-radius: 5px;
    color: #fff;
    left: 50%;
    margin-left: -300px;
    position: absolute;
    top: 20%;
    width: 600px;
}

    .historiaClinica .divContentAdjuntos .cerrar {
        cursor: pointer;
        float: right;
        font-size: 20px;
    }

.divContentAdjuntos .link {
    float: left;
    margin-bottom: 4px;
    width: 100%;
}

    .divContentAdjuntos .link a:hover {
        color: #000;
    }

    .divContentAdjuntos .link a {
        color: #fff;
        font-size: 16px;
        padding: 5px;
        text-decoration: underline;
    }

.PuestosApuntadores {
    display: flex;
}


/* Cambios Pablo */
.sectionImage {
    min-height: 834px;
    max-height: 100%;
    margin: 0;
    padding: 0;
}

.table-striped > tbody > tr:nth-child(odd) > td, .table-striped > tbody > tr:nth-child(odd) > th {
    background-color: #d7d7d7;
}


/* width */
::-webkit-scrollbar {
    width: 10px;
}

/* Track */
::-webkit-scrollbar-track {
    border-radius: 10px;
}

/* Handle */
::-webkit-scrollbar-thumb {
    background: #203855;
    border-radius: 40px;
}

    /* Handle on hover */
    ::-webkit-scrollbar-thumb:hover {
        background: #BBBBBB;
    }

.htmlLogin{
    overflow-x: hidden;
}
.bodyLogin{
    background-color: white;
    overflow-x: hidden;
}

.containerLogin{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    height: 100%;
    background: url('../images/bgLeonG.png') no-repeat;
    background-position: right;
    background-size: contain;
    row-gap: 2rem;
}

.titleLogin h3{
        color:#203855;
        font-size: 2.5rem;
        font-weight: bold;
        letter-spacing: 5px;
}

.formLogin{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    width: 20%;
}

.containerForm{
    width: 100%;
}

.containerImageLogin{
    display: flex; 
    justify-content: center;
    align-items: center;
}
.containerImageLogin img{
    width: 250px;
}


input[type=text], select , input[type=password], select {
    width: 100%;
    padding: 1rem 0;
    padding-left: 1rem;
    font-weight: 600;
    margin: 8px 0;
    display: inline-block;
    box-sizing: border-box;
    background: transparent;
    border: none;
    font-size: 1.5rem;
    border-bottom: 2px solid #C6C6C6;
  }

  
  input[type=text],input[type=password]:focus{
    background: transparent;
    outline: none; 
  }

  .containerButtonLogin{
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 5rem;
  }

  .passwordContainer{
    display: flex;
    justify-content: center;
    align-items: baseline;
    position: relative;
  }

  .passwordContainer i{
    position: absolute;
    color: #203855;
    right: 12px;
    bottom: 22px;
    font-size: 1.8rem;
    cursor: pointer;
}