﻿body {
    padding-top: 50px;
    padding-bottom: 20px;
}

/* Set padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}
input:invalid {
    
    
}

input:valid {
    
    
}
/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt {
    white-space: normal;
}

/* Estilos PadCtl */
.padapp {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.padCtl {
    /*float: left;*/
    /*width: 720px;*/
    /*height: 360px;*/
    border: 2px solid #888;
    border-radius: 4px;
    background-color: #adadad;
    position: relative;
}
/* Estilos PadCtl end */

/*estilos venta combos*/
.packs-col .btn-default.active,
.plus-col .btn-default.active,
.cup-col .btn-default.active,
.cup2-col .btn-default.active,
.cmb1-col .btn-default.active {
    /*background-color: #007ba7;*/
    background-color: #3080ae;
    color: #eee !important;
    opacity: 1 !important;
}

.packs-col .btn-default,
.plus-col .btn-default,
.cup-col .btn-default,
.cup2-col .btn-default,
.cmb1-col .btn-default {
    border: 1px solid #305891;
    border-radius: 5px !important;
    padding: 8px;
}

    .packs-col .btn-default img,
    .plus-col .btn-default img,
    .cup-col .btn-default img,
    .cup2-col .btn-default img,
    .cmb1-col .btn-default img {
        border-radius: 4px !important;
    }
/*estilos venta combos end */
/*estilos STO*/
.mon-col .btn-default.active {
    background-color: rgba(0, 123, 167, 0.2);
    opacity: 1 !important;
}

.mon-col .btn-default {
    border: 1px solid #305891;
    border-radius: 5px !important;
    padding: 8px;
    background-size: contain;
    background-repeat: no-repeat;
}

    .mon-col .btn-default img {
        border-radius: 4px !important;
        opacity: 0.0 !important;
    }
/*estilos STO end */
.parpadea {
    animation-name: parpadeo;
    animation-duration: 1s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    -webkit-animation-name: parpadeo;
    -webkit-animation-duration: 1s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
}

@-moz-keyframes parpadeo {
    0% {
        opacity: 1.0;
    }

    50% {
        opacity: 0.3;
    }

    100% {
        opacity: 1.0;
    }
}

@-webkit-keyframes parpadeo {
    0% {
        opacity: 1.0;
    }

    50% {
        opacity: 0.3;
    }

    100% {
        opacity: 1.0;
    }
}

@keyframes parpadeo {
    0% {
        opacity: 1.0;
    }

    50% {
        opacity: 0.3;
    }

    100% {
        opacity: 1.0;
    }
}

.draggable {
    width: 90px;
    height: 130px;
    float: none;
    
    cursor: move;
    position: absolute;
}
.lensCenterD {
    background: url(/Content/img/lens-centerD.png) no-repeat;
}
.lensCenterI {
    background: url(/Content/img/lens-centerI.png) no-repeat;
}

.dragMon {
    float: none;
    position: absolute;
    z-index: 10;
}

.MonBtn {
    width: 3em;
    height: 3em;
}

    .MonBtn:hover {
        background-color: #adadad;
        -moz-border-radius: 15px;
        -webkit-border-radius: 15px;
        border-radius: 15px;
    }

.MonBtns {
    /*float: none;*/
    position: absolute;
    z-index: 15;
    top: 15px;
    /*left: 15px;*/
}

    .MonBtns > table {
        background-color: rgba(200, 200, 200, 0.60);
        -moz-border-radius: 35px;
        -webkit-border-radius: 35px;
        border-radius: 25px;
    }

.FotoPacSTO {
    width: 100% !important;
    height: 35em !important;
    overflow: scroll !important;
    padding: 0 !important;
}


.nopadding {
    padding: 0 !important;
}

.espacio {
    padding: 6px 4px !important;
}

.fotomin {
    height: 36px !important;
}

.table-hover tbody tr:hover td {
    background-color: rgb(76,177,235);
    color: #fff;
}

.ellipsis {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.mayus {
    text-transform: uppercase;
}

.form-control:focus {
    background-color: #eef5fe;
    border-color: #808080;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgb(76,177,235);
}

.table > tbody > tr > td {
    vertical-align: middle;
}

.table > tbody > tr > th {
    vertical-align: middle;
}

#fullscreen {
    position: absolute;
    top: 60px;
    left: -10px;
}
.footbar {
    background-color: white;
    position: fixed;
    border-top: solid;
    border-width: 1px;
    border-color: lightblue
}

.btn_inferior {
    position: fixed;
    margin-bottom: 75px;
    right: 12px;
    bottom: 0;
    z-index: 99;
}

.btn_inferior_left {
    position: fixed;
    margin-bottom: 75px;
    /*margin-left: -20px;*/
    bottom: 0;
    z-index: 1040;
    opacity: 0.7;
}
.btn_inferior_left:hover {
        opacity: 1;
}

.btn_inferior_izq {
    position: fixed;
    margin-bottom: 75px;
    right: 12px;
    /*margin-left: -20px;*/
    bottom: 0;
    z-index: 1040;
    opacity: 0.7;
}

.btn_inferior_izq:hover {
    opacity: 1;
}


.btn_superior_left {
    position: fixed;
    margin-top: 75px;
    /*margin-left: -20px;*/
    top: 0;
    z-index: 1040;
    opacity: 0.7;
}

    .btn_superior_left:hover {
        opacity: 1;
    }

.btn_inferior_right {
    position: fixed;
    margin-bottom: 10px;
    right: 12px;
    /*margin-left: -20px;*/
    bottom: 0;
    z-index: 1040;
    opacity: 0.5;
}

.btn_inferior_right:hover {
    opacity: 1;
}
.total_ven {
    /*position: absolute;*/
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
    position: fixed;
    bottom: 50px;
    /*left: -10px;*/
    z-index: 99;
}

.input-moneda{
    text-align: right;
}

.novisible{
    display: none!important;
}

.bradius {
    border-radius: 4px !important;
}

.pacienteImg{
    display: inline-flex;
    position: relative;
    width: 100%;
}

.pacienteFoto{
    /*width: 100%;*/
    /*height: 100%;*/
    max-height: 285px;
}

.pacienteFotoMin {
    /*width: 100%;*/
    /*height: 100%;*/
    max-height: 200px;
}
.pacienteIcon {
    position: absolute;
    float: right;
    right: 5px;
    height: 64px;
    width: 64px;
}
.camaraIcon {
    position: absolute;
    /*float: right;*/
    /*right: 5px;*/
    /*height: 48px;*/
    /*width: 48px;*/
}

.loaders {
    background: url(/Content/preloader2.gif) no-repeat scroll center center #eee;
    position: absolute;
    height: 92%;
    width: 97%;
}

.no-js #loader {
    display: none;
}

.js #loader {
    display: block;
    position: absolute;
    left: 100px;
    top: 0;
}

.se-pre-con {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: url(/Content/preloader2.svg) center no-repeat rgba(255, 255, 255, 0.95);
}

.se-pre-con2 {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 4;
    background: url(/Content/preloader3.svg) center no-repeat rgba(0, 0, 0, 0.7);
    border-radius: 12px !important;
}
.wraptext {
    white-space: normal !important;
    display: block;
    width: 100%;
}
.roweq [class*='col-'] {
    text-align: center;
    /*background-color: #cceeee;*/
    background-clip: content-box;
    min-height: 200px;
    margin-bottom: 15px;
}
.LC_Prueba1 {
    background-color: gainsboro;
}
.LC_Prueba2 {
    background-color: lavender;
}
.LC_Prueba3 {
    background-color: aliceblue;
}
.LC_Final {
    background-color: antiquewhite;
}
@media (max-width: 991px) {
    .navbar-header {
        float: none;
    }

    .navbar-toggle {
        display: block;
    }

    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }

        .navbar-collapse.collapse {
            display: none !important;
        }

    .navbar-nav {
        float: none !important;
        margin: 7.5px -15px;
    }

        .navbar-nav > li {
            float: none;
        }

            .navbar-nav > li > a {
                padding-top: 10px;
                padding-bottom: 10px;
            }

    .navbar-text {
        float: none;
        margin: 15px 0;
    }
    /* since 3.1.0 */
    .navbar-collapse.collapse.in {
        display: block !important;
    }

    .collapsing {
        overflow: hidden !important;
    }
}

.swal2-popup {
    zoom: 1.75 !important;
}

html {
    zoom: 0.95 !important;
}

.btn_menu {
    position: fixed;
    left: 0px;
    right: 0px;
    /*bottom: 0;*/
    z-index: 99;
    /*margin-bottom: 75px;*/
    background-image: linear-gradient(#ffffff, #dedede 50%, #c7c7c7);
    -webkit-filter: none;
    filter: none;
    border: 1px solid #d5d5d5;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.3);
    border-radius: 0px 0px 5px 5px;
    height: 48px;
    min-height: 48px !important;
    background-repeat: unset !important;
    padding: 4px 4px 4px 4px;
/*    zoom: 0.85 !important;*/
}

.btn_menu_foot {
    min-height: 55px;
}