*{font-family:'Roboto', sans-serif;-webkit-user-select: none;-moz-user-select: none;-khtml-user-select: none;user-select: none;-webkit-touch-callout: none;touch-callout: none;-webkit-user-drag: none;user-drag: none;font-smooth: never;-webkit-font-smoothing: none;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;text-rendering:optimizeLegibility;}
input[type="text"]{-webkit-user-select:text!important;-khtml-user-select:text!important;-moz-user-select:text!important;user-select:text!important;}
body{}
input,textarea,select{
-webkit-user-select: auto !important;
-khtml-user-select: auto !important;
user-select: auto !important;
}
::-webkit-input-placeholder{color:#FFF;text-transform:uppercase;}
input:-moz-placeholder{color:#FFF;text-transform:uppercase;}
.framework7-root{background:url(../splash.png) no-repeat center center scroll transparent;}
.nowrap{white-space:nowrap;}
.hide-toggle{display:none;}
.pull-right{float:right;}
.pull-left{float:left;}
.input-field:focus{border-color:#C7D43A !Important;}
.no-padding{padding:0px !important;}
.no-margin{margin:0px !important;}
.content-genero.current-usr:before{
  border:0px;
  text-align:right !Important;
  text-align-last:right;
  padding:0px 10px 0px 0px;
}
.maxh40{max-height:calc(100vh - 40px);}
.maxH{max-height:100vh;overflow:auto;}
.maxh40 .maxH{max-height: calc(100vh - 95px);}
.select-parent{opacity:0;position:relative;z-index:1;}
.form-placeholder .content-genero:before{content:attr(data-value);}
.fb-login{display:inline-block;cursor:pointer;padding:10px 0px;width:100%;text-align:center;}
.fb-login .img-fb-login{max-width:50px;max-height:50px;}
.page-content{width:100%;background: #dedede;}
.content-block{padding-left:0px;padding-right:0px;}
.popup .content-block{padding: 0 16px;}
.button.button-fill, .modal-buttons .button,.modal-buttons .button.button-fill{background: #39babf;}
.modal-overlay.modal-overlay-visible{z-index:13400!important;}}
.modal.modal-in{z-index:14002!important;}
a,.text-color{color:#39BABF;}
.photo-browser .navbar, .photo-browser .toolbar, .views .view[data-page=photo-browser-slides] .navbar, 
.views .view[data-page=photo-browser-slides] .toolbar,.navbar, .subnavbar, .toolbar{background-color:#39babf;}
.separator{margin:10px 0px 0px;}
.text-right{text-align:right;}
.text-center{text-align:center;}
.text-left{text-align:left;}
.fontsize-x3{font-size: xx-large;}
.fontsize-x2{font-size: x-large;}
.label-switch input[type=checkbox]:checked+.checkbox:after{background:#39BABF;}
.label-switch input[type=checkbox]:checked+.checkbox{background:rgba(57, 186, 191, 0.5);}
.margintop-20{margin-top:20px;}
.color-red,.txt-color-red{color: #C57670!important;}
.button-fill.color-red{background-color:#F44336!important;color:#FFF!important;}
.color-orange,.txt-color-orange{color:#F79A23!important;}
.button-fill.color-orange{background-color:#F79A23!important;color:#FFF!important;}
.min-w70{min-width:70px;}
.miniatura{max-height:40px;max-width:40px;width:auto!important;height:auto!important;}
.oculto{display:none!important;}
.border{
    border-radius: 6px;
    border: 3px solid;
    font-weight: 600;
    padding: 4px 16px 8px;
    line-height:1;
}
.redondeado{
    padding: 0px 5px;
    border-radius: 4px;
    border: 1px dotted #000;
    display: inline-block;
    margin: 4px 0px;
}
.time-info{
    text-align: center;
    display: inline-block;
}
.time-info .date{
    color: #39babf;
}
.time-info .time{
  background-color: #39babf;
  color: white;
  font-size: 12px;
  padding: 2px 4px;
  text-align: center;
}
.time-info .date:after,.time-info .time:after{content:attr(data-value);}
.header-block{
    color: #39babf;
    font-size: 32px;
    padding: 2vh 16px 2vh;
    text-align: center;
    border-bottom: 1px solid #CCC;
    margin-bottom: 110px;
    position: relative;
}
.nav-horizontal{
    position: relative;
    width: 100%;
    display: inline-block;
    background: #FFF;
    padding: 5px 0px;
}
.nav-horizontal:before {
    -webkit-box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.2);
    box-shadow: 1px 0px 0px 1px rgba(0, 0, 0, 0.1);
    position: absolute;
    display: block;
    height: 0px;
    content: '';
    left: 0;
    right: 0;
    top: 0;
}
.tabs-content{}
.tabs-menu{
    position: relative;
    width: 100%;
    z-index: 1;
    text-align: center;
    display: table;
}
.tabs-menu .tab-link{
    font-size: medium;
    padding: 5px;
    position: relative;
    display: table-cell;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    box-sizing: content-box;
}
.tabs-menu .tab-link.active{
    border: 1px solid #39babf;
}
.content-tabs-vertical{
    display: inline-block;
    border-top: 1px solid #CCC;
    background: #FFF;
    width: 100%;
    position: relative;
}
.tabs-menu.vertical {
    max-width: 30%;
    display: inline-block;
    float:left;
    position: absolute;
    top: 5px;
    background: rgb(255, 255, 255);
    z-index: 100;
    border-right: 1px solid #39babf;
    border-bottom: 1px solid #39babf;
    border-top: 1px solid #39babf;
    overflow: hidden;
    width: 0px;
    transition: all 0.4s linear;
}
.tabs-menu.vertical .tab-link {
    display: inline-block;
    width: 100%;
    text-align: left;
    color: #aeaeae;
    border: 0px;
    border-bottom: 1px solid transparent;
    padding: 5px 10px;
}
.tabs-menu.vertical+.tabs{
    background:#FFF;
    display: inline-block;
    width: 100%;
    z-index: 2;
    position: relative;
    min-height: 370px;
    border-left: 1px solid #39babf;
    background: #FFF;
    overflow: hidden;
}
.tabs-menu.vertical .tab-link.active{border-bottom: 1px solid #39babf;color: #39babf;border-top: 1px solid #39babf;}
.tabs-menu.vertical .tab-link:first-child{border-top:0px !important;}
.tabs>fieldset{
    margin: 0px;
    border: 0px;
    max-width: 100%;
    position: relative;
    min-width: 0px;
}
.vertical+.tabs .content-block-title{
    background: #FFF;
    position: sticky;
    position:-webkit-sticky;
    top: 0px;
    margin: 0px 0px 20px;
    z-index: 100;
}
.remove-row{cursor:pointer;}

.content-block > .swiper-container{}
.content-block > .swiper-container .tabs{}
.content-block > .swiper-container .tabs .tab{
    padding: 0px 15px;
}
.content-block > .swiper-container .tabs .tab.active{}
.list-block textarea{height: auto;}
.inputs-compact .list-block .item-content{min-height:auto;}
.inputs-compact .list-block .item-media{min-height:20px;min-width:20px;margin-right: 5px;}
.inputs-compact .list-block .item-inner{min-height:10px !important;padding:0px;margin:0px !important;}
.timeline-item-date small+small{
    font-size: 10px;
    line-height: 10px;
    display: inline-block;
    width: 100%;
    vertical-align: top;
    text-align: right;
    color: #CCC;
    margin: 0px -1px 0px 0px;
}
.timeline-evolucion .timeline-item-content{width:100%;}
.timeline-item.last-visible + .timeline-item{
    border-top: 1px dashed RED;
    padding-top: 16px;
}
.timeline-item .fa{color:#39babf;}
.timeline .accordion-simple .row{border-top:1px solid #EDEDED;}
.timeline .accordion-simple .row:first-child{border:0px;}
.content-block-title{padding: 0px;color: #000;font-size: medium;font-weight: bold;line-height: 35px;}
.tabs .tab .content-block-title{
    background:#FFF;
    padding: 0px 4px;
    position:sticky;
    position:-webkit-sticky;
    top:0px;
    z-index:999;
}
.dataTables_filter .input-group-addon+input[type="search"] {
    width: calc(100% - 32px);
    margin-top: -4px;
    padding: 0px 5px;
}
.content-block-title select{
    width: auto;
    font-size: small;
    border: 1px solid #CCC;
    padding: 0px 10px;
    margin: 5px 0px;
}
.popover .item-link i.fa.pull-right{margin-top:15px;}
.item-media-pic{
  width: 35px;
  height: 35px;
  position: relative;
  background: none no-repeat center center scroll #eae9e9;
  background-size: cover;
  background-image:url(../img/camera.png);
  border-radius: 50%;
  overflow: hidden;
}
.item-media-pic a{
    display: inline-block;
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
}
.header-block > .item-media-pic{
  border: 8px solid #fff;
  box-shadow: 0 4px 2px -2px rgba(0, 0, 0, 0.2);
  width: 150px;
  height: 150px;
  float: left;
  z-index: 100;
}
.header-block > .item-media-pic .img-hidden{opacity: 0;height: 100%;top: 0px;width: 100%;}
.header-block > .item-media-pic input.img-hidden[name='fotoUsuario']{display:none;}
.header-block > .content-info{
    width: calc(100% - 180px);
    text-align: left;
    display: inline-block;
    margin-bottom: 0px;
    line-height: 1;
    padding: 10px;
    box-sizing: border-box;
}
.header-block > .content-info > span {
    display: inline-block;
    width: 100%;
}
.header-block > .content-info > .leyenda{
    font-size: medium;
    color: #0d1114;
}
.header-block > .content-info > .leyenda .chip{
    margin-right: 3px;
    background: #FFF;
    color: red;
    font-weight: bold;
    border-radius: 0px;
    border: 1px solid red;
}
#frmEditarProducto .header-block > .item-media-pic{background-size:contain;}
ul.treatment_category,ul.tratamiento_piezas{background:#FFF;position:sticky;position:-webkit-sticky;top:0px;z-index:999;}

.show-if-admin,.show-if-doctor,.show-if-paciente{display:none;}

fieldset{
    margin: 25px 0px 0px;
    width: 100%;
    position: relative;
    padding-top: 15px;
    border: 0px;
    border-top: 1px solid #CCC;
    border-bottom: 1px solid #CCC;
    box-sizing: border-box;
    background: #FFF;
}
fieldset legend{
    position: sticky;
    position:-webkit-sticky;
    top: -1px;
    left: 0px;
    font-weight: bold;
    padding: 5px 10px;
    width: 100%;
    box-sizing: border-box;
    background: #383737;
    color: #FFF;
    z-index: 999;
}
.list-block fieldset ul:before{content:none;}
.sub-titulo{margin: 20px 0px 5px;text-align: center;border-bottom: 1px solid #ececec;padding: 0px 0px 20px;}
.parent-remove{padding: 38px 20px 0px;color: red;}
.parent-remove.nopadding{padding:30px 5px;color:red;}
.content-videos .parent-remove{padding:0px;}
.content-videos .parent-remove .ver-video{display:inline-block;width:calc(100% - 60px);}
.content-videos .parent-remove .remove-row{padding:0px 10px;}
.content-recetas .accordion-item i + .width100-70{display:inline-block;margin-left:5px;width:calc(100% - 60px);}
.content-recetas .accordion-item i + .width100-70 + .parent-remove{position:absolute;padding:10px;top:2px;right:0px;z-index:999;}
.indicaciones .parent-remove{padding-top:15px;}
.list-block li.sub-titulo + li.contacto .parent-remove{display:none;}
.list-block li.sub-titulo + li.indicaciones .parent-remove{display:none;}
.row img{max-width:100%;max-height:100%;}
.accordion-simple{
  box-sizing: border-box;
  display: inline-block;
  padding: 5px;
  width: 100%;
  overflow: hidden;
  max-height: 26px;
  transition: all 0.2s linear;
}
.accordion-simple.open{max-height: 2000px;}
.accordion-simple.open .fa-eye,.accordion-simple .fa-minus{display:none;}
.accordion-simple.open .fa-minus,.accordion-simple .fa-eye{display:inline-block;}
.accordion-simple strong{
    display: inline-block;
    width: 100%;
    left: -5px;
    position: relative;
    padding: 5px 10px 2px;
    top: -5px;
    font-size: small;
    margin-bottom: 5px;
    cursor: pointer;
    color: #39babf;
}
.accordion-simple .accordion-list{
    padding: 5px 0px !important;
    margin: 0px !important;
}
.accordion-simple .content-recetas{}
.accordion-simple .accordion-list .accordion-item{
    box-shadow: 25px 15px 50px 0px #ececec inset;
    padding: 4px 0px;
}
.accordion-simple .accordion-item > a.item-link{
    margin: 0px;
    padding-left: 5px;
}
.accordion-simple .accordion-item .accordion-item-content .list-block {
    background: #FFF;
    padding: 10px 0px;
}
.accordion-simple .content-qr{
    border-top: 1px solid #CCC;
    margin: 15px 0px 0px;
    padding: 5px 0px 0px;
}
.accordion-simple .content-qr .row{
    border-top: 1px solid #CCC;
    padding: 5px 0px 0px;
}
.accordion-simple .content-qr .row:first-child{padding-top:0px;border-top:0px;}
.accordion-simple .content-qr:empty{display:none;}

/* --- [Plugins] --- */
table{width: 100% !important;}
.dataTables_wrapper{border:1px solid #ccc;overflow-x:auto;}
.dataTables_wrapper .dt-toolbar,.dataTables_wrapper .dt-toolbar-footer{position:sticky;position:-webkit-sticky;left:0px;}
.dt-toolbar,.dt-toolbar-footer{
    padding: 10px 5px;
    background: #fafafa;
    box-sizing: border-box;
}
.dt-toolbar label{
    display: inline-block;
    border: 1px solid #CCC;
}
.dt-toolbar label input{
    width: 16em;
    padding: 8px 10px 0px;
    border: 0px;
    background: transparent;
}
.dataTables_info{
    line-height: 30px;
}
.dataTables_paginate{
    text-align: right;
}
.dataTables_paginate .paginate_button{
    color: #000;
    display: inline-block;
    padding: 10px 15px;
    line-height: 15px;
    margin-top: 4px;
}
.dataTables_paginate .paginate_button.current{
    box-shadow: none;
    background: #fff;
}
.dataTables_paginate .paginate_button.disabled {
    opacity: 0.2;
    box-shadow: none;
}
.data-table thead tr, .dataTables_paginate .paginate_button{
  background-color: #eee;
  background-image: -webkit-gradient(linear,0 0,0 100%,from(#f2f2f2),to(#fafafa));
  background-image: -webkit-linear-gradient(top,#f2f2f2 0,#fafafa 100%);
  background-image: -moz-linear-gradient(top,#f2f2f2 0,#fafafa 100%);
  background-image: -ms-linear-gradient(top,#f2f2f2 0,#fafafa 100%);
  background-image: -o-linear-gradient(top,#f2f2f2 0,#fafafa 100%);
  background-image: -linear-gradient(top,#f2f2f2 0,#fafafa 100%);
  border-collapse: collapse;
  margin-left: -1px;
}
.data-table thead tr{
    border-right: 0px;
    border-left: 0px;
}
table.dataTable thead .sorting_asc, table.dataTable thead .sorting_desc {
    background-color: #eee;
}
table.dataTable {
    clear: both;
    margin-bottom: -1px!important;
    max-width: none!important;
    border-spacing: 0px;
    border-collapse: collapse;
}
table.dataTable thead .sorting,table.dataTable thead .sorting_asc,table.dataTable thead .sorting_asc_disabled,table.dataTable thead .sorting_desc,table.dataTable thead .sorting_desc_disabled {
    cursor: pointer
}
table.table-bordered.dataTable {
    border-collapse: separate!important
}

table.table-bordered thead td,table.table-bordered thead th {
    border-left-width: 0;
    border-top-width: 0
}

table.table-bordered tbody td,table.table-bordered tbody th {
    border-left-width: 0;
    border-bottom-width: 0
}

table.table-bordered td:last-child,table.table-bordered th:last-child {
    border-right-width: 0
}
table td > a{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    /* width: 100%; */
}
div.ColVis {
    float: right
}

button.ColVis_Button,ul.ColVis_collection li {
    position: relative;
    float: left;
    margin-right: 3px;
    padding: 5px 8px;
    border: 0px;
    cursor: pointer;
    *
    cursor: hand;
    font-size: .88em;
    color: #717171!important;
    white-space: nowrap;
    box-shadow: 0px 0px 0px 1px #CCC;
}

.ColVis_Button:hover,ul.ColVis_collection li:hover {
    text-decoration: none!important;
}

button.ColVis_Button {
    height: 30px;
    padding: 3px 8px;
    background: #FFF;
}

button.ColVis_Button::-moz-focus-inner {
    border: none!important;
    padding: 0
}

button.ColVis_Button:active {
    outline: 0
}

div.ColVis_collectionBackground {
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: #000;
    z-index: 20000;
}

ul.ColVis_collection {
    padding: 8px 8px 4px;
    margin: 0;
    border: 1px solid rgba(0,0,0,.4);
    background-color: #f3f3f3;
    overflow: hidden;
    z-index: 2002;
    z-index: 20001;
    display: none;
}

ul.ColVis_collection li {
    position: relative;
    height: auto;
    left: 0;
    right: 0;
    padding: .5em;
    display: block;
    float: none;
    text-align: left;
}

ul.ColVis_collection li.ColVis_Button:hover {
    border: 1px solid #999;
    background-color: #f0f0f0
}

ul.ColVis_collection li span {
    display: inline-block;
    padding-left: .5em;
    cursor: pointer
}

ul.ColVis_collection li.ColVis_Special {
    border-color: #555;
    background: #ededed;
    background: -webkit-linear-gradient(top,#ededed 0,#d6d6d6 77%,#e8e8e8 100%);
    background: -moz-linear-gradient(top,#ededed 0,#d6d6d6 77%,#e8e8e8 100%);
    background: -ms-linear-gradient(top,#ededed 0,#d6d6d6 77%,#e8e8e8 100%);
    background: -o-linear-gradient(top,#ededed 0,#d6d6d6 77%,#e8e8e8 100%);
    background: linear-gradient(to bottom,#ededed 0,#d6d6d6 77%,#e8e8e8 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#e8e8e8', GradientType=0)
}

ul.ColVis_collection li.ColVis_Special:hover {
    background: #e2e2e2;
    background: -webkit-linear-gradient(top,#d0d0d0 0,#d5d5d5 89%,#e2e2e2 100%);
    background: -moz-linear-gradient(top,#d0d0d0 0,#d5d5d5 89%,#e2e2e2 100%);
    background: -ms-linear-gradient(top,#d0d0d0 0,#d5d5d5 89%,#e2e2e2 100%);
    background: -o-linear-gradient(top,#d0d0d0 0,#d5d5d5 89%,#e2e2e2 100%);
    background: linear-gradient(top,#d0d0d0 0,#d5d5d5 89%,#e2e2e2 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f3f3f3', endColorstr='#e2e2e2', GradientType=0)
}

span.ColVis_radio {
    display: inline-block;
    width: 20px
}

div.ColVis_catcher {
    position: absolute;
    z-index: 10002;
}
.dt-toolbar {
    display: block;
    position: relative;
    padding: 15px 10px;
    width: 100%;
    float: left;
    background: #fafafa;
}
.dt-toolbar > *{display:inline-block;}
.dt-toolbar-footer {
    background: #fafafa;
    font-size: 11px;
    overflow: hidden;
    padding: 5px 10px;
    border-top: 1px solid #ccc;
    -webkit-box-shadow: inset 0 1px #fff;
    -moz-box-shadow: inset 0 1px #fff;
    -ms-box-shadow: inset 0 1px #fff;
    box-shadow: inset 0 1px #fff
}
.data-table tbody td:first-child{border-left:0px;}
.data-table tbody td:last-child{border-right:0px;}

.dt-toolbar-footer>:first-child,.dt-toolbar>:first-child {
    padding-left: 0!important;
}

.dt-toolbar-footer>:last-child,.dt-toolbar>:last-child {
    padding-right: 0!important
}
table>tbody>tr:nth-of-type(even) {
    background-color: #F9F9F9;
}
table>tbody>tr:nth-of-type(odd) {
    /* background-color: #FFFFFF; */
}
table.dataTable thead .sorting {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATAgMAAAAPPt5fAAAACVBMVEUAAADIyMjl5eVIBBP/AAAAAXRSTlMAQObYZgAAAClJREFUCNdjwAYEwGQKiGDsBJFsTA5AUoJhAqZaiDhEDVg9RC/MHEwAANsMA91AQfd/AAAAAElFTkSuQmCC) no-repeat center right;
}

table.dataTable thead .sorting_asc {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATAQMAAABInqSPAAAABlBMVEUAAABVVVUT3Vn+AAAAAXRSTlMAQObYZgAAAB1JREFUCNdjwAkcgPgBAwPjBwYG5h8MDOx/GAgBAKRJBBCQbHkwAAAAAElFTkSuQmCC) no-repeat center right
}

table.dataTable thead .sorting_desc {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATAQMAAABInqSPAAAABlBMVEUAAABVVVUT3Vn+AAAAAXRSTlMAQObYZgAAABxJREFUCNdjIATY/zAwMP9gYGD8AOQ8AGIHnEoBkNkEEEbbutQAAAAASUVORK5CYII=) no-repeat center right
}

table.dataTable thead .sorting_asc_disabled {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATAQMAAABInqSPAAAABlBMVEUAAABUVFR8AzIeAAAAAnRSTlMAf7YpoZUAAAAdSURBVAjXY8AJHID4AQMD4wcGBuYfDAzsfxgIAQCkSQQQkGx5MAAAAABJRU5ErkJggg==) no-repeat center right
}

table.dataTable thead .sorting_desc_disabled {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATAQMAAABInqSPAAAABlBMVEUAAABUVFR8AzIeAAAAAnRSTlMAf7YpoZUAAAAcSURBVAjXYyAE2P8wMDD/YGBg/ADkPABiB5xKAZDZBBBG27rUAAAAAElFTkSuQmCC) no-repeat center right
}

table.dataTable thead .sorting_asc,table.dataTable thead .sorting_desc {
    background-color: #eee;
}

.dataTables_empty {
    padding: 40px 10px 20px!important;
    font-size: 14px;
    text-align: center;
    color: #575757;
}

.table>tbody>tr>td,.table>tbody>tr>th,.table>tfoot>tr>td,.table>tfoot>tr>th,.table>thead>tr>td,.table>thead>tr>th {
    padding: 8px 10px
}

table.dataTable tfoot>tr>th,table.dataTable thead>tr>th {
    padding-left: 9px!important;
}
div.dataTables_info {
    padding-top: 9px;
    font-size: 13px;
    font-weight: 700;
    font-style: italic;
    color: #969696;
}
.dataTable thead>tr>th {
    border-left: none!important;
    font-weight: bold;
}
table.dataTable thead>tr>th.sorting_disabled {
    padding-right: 9px!important
}
.dataTables_filter {
    float: left;
    width: 100%;
}

.dataTables_filter .input-group-addon {
    width: 32px;
    margin-top: 0;
    float: left;
    padding: 4px 0px;
    text-align: center;
    background: #CCC;
    color: #FFF;
}
.dataTables_filter .input-group-addon+.form-control {
    float: left
}

.dt-toolbar>:first-child .DTTT,.dt-toolbar>:first-child .dataTables_filter>:only-child,.dt-toolbar>:first-child .dataTables_length,.dt-toolbar>:first-child .pagination {
    float: left!important
}

.dt-toolbar>:last-child .DTTT,.dt-toolbar>:last-child .dataTables_filter>:only-child,.dt-toolbar>:last-child .dataTables_length,.dt-toolbar>:last-child .pagination {
    float: right
}

.dt-toolbar-footer>:first-child .DTTT,.dt-toolbar-footer>:first-child .dataTables_filter>:only-child,.dt-toolbar-footer>:first-child .dataTables_length,.dt-toolbar-footer>:first-child .pagination {
    float: left
}

.dt-toolbar-footer>:last-child .DTTT,.dt-toolbar-footer>:last-child .dataTables_filter>:only-child,.dt-toolbar-footer>:last-child .dataTables_length,.dt-toolbar-footer>:last-child .pagination {
    float: right
}
div.ColVis {
    margin-bottom: 0!important
}

ul.ColVis_collection {
    width: 127px;
    max-height: 70vh;
    overflow: auto;
}

ul.ColVis_collection li span {
    vertical-align: 3px
}

ul.ColVis_collection li label {
    margin-bottom: 0!important
}

.dataTables_processing {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 40px;
    margin-left: -50%;
    margin-top: -25px;
    padding-top: 20px;
    text-align: center;
    font-size: 1.2em;
    background: -webkit-gradient(linear,left top,right top,color-stop(0%,rgba(255,255,255,0)),color-stop(25%,rgba(255,255,255,.9)),color-stop(75%,rgba(255,255,255,.9)),color-stop(100%,rgba(255,255,255,0)));
    background: -webkit-linear-gradient(left,rgba(255,255,255,0)0,rgba(255,255,255,.9)25%,rgba(255,255,255,.9)75%,rgba(255,255,255,0)100%);
    background: -moz-linear-gradient(left,rgba(255,255,255,0)0,rgba(255,255,255,.9)25%,rgba(255,255,255,.9)75%,rgba(255,255,255,0)100%);
    background: -ms-linear-gradient(left,rgba(255,255,255,0)0,rgba(255,255,255,.9)25%,rgba(255,255,255,.9)75%,rgba(255,255,255,0)100%);
    background: -o-linear-gradient(left,rgba(255,255,255,0)0,rgba(255,255,255,.9)25%,rgba(255,255,255,.9)75%,rgba(255,255,255,0)100%);
    background: linear-gradient(to right,rgba(255,255,255,0)0,rgba(255,255,255,.9)25%,rgba(255,255,255,.9)75%,rgba(255,255,255,0)100%)
}

.presupuesto tbody td{padding:5px 4px;}
.dataTable tbody .details-control{vertical-align:middle;text-align:center;cursor:pointer}
.dataTable tbody .details-control:before{color:#739E73;}
.dataTable tbody .print-presupuesto:before{color:orange;}
.dataTable tbody .borrar-presupuesto:before{color:red;}
.dataTable tbody .borrar-presupuesto,.dataTable tbody .print-presupuesto{
    color:red;
    display:inline-block;
    width:50%;
    text-align:center;
    cursor:pointer;
    padding:0px 4px;
}
.dataTable tbody .shown .details-control:before{content:"\f0fe"!important;color:#A90329}
.dataTable tbody .shown+tr>td{padding: 0!important}
.dataTable tbody .shown{background: rgba(205,209,98,.2)!important}
.dataTable tbody .shown>td{background: none!important}
.dataTable tbody .shown+tr>td>table>tbody>tr:last-child{border-bottom:1px solid #c2c2c2}
.dataTable tbody .shown+tr>td>table tbody tr{background-color: rgba(205,209,98,.05)!important}
.dataTable tbody .shown .table>tbody>tr>td{border: none!important}

.table-bordered .progress{
    background: #fff!important;
    -webkit-box-shadow: 0 1px 0 transparent,0 0 0 1px #D6D6D6 inset;
    -moz-box-shadow: 0 1px 0 transparent,0 0 0 1px #D6D6D6 inset;
    box-shadow: 0 1px 0 transparent,0 0 0 1px #D6D6D6 inset
}

/* --- [Paginas] --- */
.logeado .with-minisidebar .page:not(.no-sidebar){padding-left:65px;}

/* --- [Pagin de Inicio] --- */
#login-form{max-width:80vw;margin:0px auto;}
#login-form .buttons-row{
    width: 200px;
    margin: 0px auto;
    max-width: 50%;
}

/* --- [Pacientes] --- */
.show-with-condition{display:none!important;}
.justificado .anormal .show-with-condition,.justificado .si .show-with-condition{display:block!important;}

/* --- [Sidebar] --- */
::-webkit-scrollbar,
*::-webkit-scrollbar{display:none;}
.sidebar{
    background: #353535;
    display:none;
    position: fixed;
    height: 100vh;
    left: 0px;
    top: 0px;
    width: 65px;
    z-index: 99;
}
.sidebar > .item-link{
    z-index: 3;
}
.sidebar .nav{
    margin: 0px;
    padding: 0px;
    list-style: none;
    text-align: center;
    width: 100%;
    overflow: hidden;
    z-index: 2;
    position: relative;
    height: calc(100vh - 58px);
    background: #353535;
    -webkit-transition:all 0.5s linear;
    transition:all 0.1s linear;
    min-height: 530px;
}
.sidebar .nav li{
    position: relative;
    width: 100%;
}
.sidebar a{
    color:#FFF;
    position: relative;
    vertical-align: middle;
    margin: 0px;
    box-sizing: border-box;
    width: 100%;
    text-align: left;
    display: flex;
    padding: 15px;
}
.sidebar .nav li a.active{background-color: #39babf;}
.sidebar i,.sidebar .item-media-pic{vertical-align: middle;margin-right: 20px;display: inline-block;min-width: 35px;}
.sidebar .nav li a span {
    width: 100%;
    text-align: left;
    font-weight: bold;
    vertical-align: middle;
    line-height: 1;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    display: inline-block;
    padding: 7px 0px 0px;
}
.sidebar .nav li a span.doble-line{padding-top: 0px;width:auto;}
.sidebar .nav li.cuenta{position:absolute;bottom:0px;transition:all 0.2s linear;}
.sidebar .nav li.cuenta a:first-child{border-top:1px solid rgba(255, 255, 255, 0.2);}
.sidebar .nav li a span em{font-size:x-small;color:#969696;font-style:normal;}
.sidebar > .overlay{
    position: fixed;
    display:none;
    top: 0px;
    background: rgba(0, 0, 0, 0.3);
    width: 95vw;
    height: 100vh;
    z-index: 1;
    left: 5vw;
}
@media only screen and (max-height:540px){
    .sidebar .nav li.cuenta{position:relative;bottom:auto;}
} 

.logeado .sidebar{display:block;}
.menu-open .sidebar .nav{width: 190px;}
.menu-open .sidebar > .item-link{background:#39babf;}
.menu-open .sidebar > .overlay{display:block;}

/* --- [Index] --- */
#logo{width:100%;text-align:center;padding:15px 0px 0px;}
#logo .logo{max-width:50vw;max-height:30vh;}

/* --- [Editar Paciente] --- */
#data-diagnosticos label{font-size:small;font-weight:bold;text-transform:uppercase;}
#data-diagnosticos label +ol{margin-top:0px;}
#data-diagnosticos > label+.list-block{margin-top:0px;}
.inner-list .accordion-item .redondeado > span{display:inline-block;float:left;}
.inner-list .accordion-item .estado{
    float: right;
    font-size: small;
    text-transform: capitalize;
    margin: 2px 30px 0px 0px;
}
.inner-list .accordion-item.cancelado{color:#f1aaaa;text-decoration:line-through;}
.inner-list .accordion-item-content{opacity:0;}
.inner-list .accordion-item-expanded .accordion-item-content{
    border: 1px solid #CCC;
    max-width: 95%;
    margin-left: 5%;
    margin-top: 10px;
    position: relative;
    opacity:1;
}
.inner-list p.header{border-bottom:1px solid #CCC;}
.inner-list p.footer{border-top:1px solid #CCC;}
.inner-list p.body{
    margin: 0px;
    padding: 0px;
    font-size: small;
    border-top: 1px dashed #CCC;
    color: #5A5A5A;
}
.inner-list p.body.first-child{
    border: 0px;
    color: #6C9A6C;
    font-weight: bold;
}
#imagenes.row{margin: 0px auto 10px;display:inline-block;width:100%;}
.card.multimedia{margin:0px 10px 10px 0px;display:inline-block;}
.card.multimedia .card-content{
    height: 314px;
    display: flex;
}
.card.multimedia img[src=""]{
    min-height: 152px;
}
.card.multimedia .card-content img{object-fit:cover;}

/* --- [Canvas Editor] --- */
.sp-replacer{width:100%;}
.sp-preview{width: calc(100% - 20px) !important;}
.tabs-menu .blahblah{width: 30px;}
.canvasEditor{
    background:url(../img/grid.png) repeat center center scroll transparent;
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100vw;
    height: 100vh;
    max-width: 100%;
    max-height: 100%;
    overflow: hidden;
}
.canvasEditor .canvas-container{
    max-width: 100%;
    max-height: 100%;
    color: yellow;
}
.canvasEditor .toolsEditor .content-tabs{position:relative;padding-bottom:2px;z-index:200;}
.canvasEditor .toolsEditor.visible .tabs{margin-top:0px;}
.canvasEditor .toolsEditor i{position:relative;}
.canvasEditor .toolsEditor .tabs{
    background:#000;
    position:absolute;
    box-sizing:border-box;
    height:100vh;
    top:0px;
    left:0px;
    padding-top:40px;
    width:60px;
    overflow: auto;
    max-height: calc(100vh - 45px);
}
.canvasEditor .toolsEditor .tabs ul{border-top:1px solid #6f6f6f;list-style:none;padding:0 4px;margin:0;}
.canvasEditor .toolsEditor .tabs ul li{margin:5px auto;text-align:center;color:#39BABF;}
.canvasEditor .toolsEditor .tabs.h-tabs{height:40px;width:100%;padding:0}
.canvasEditor .toolsEditor .tabs.h-tabs.bottom{bottom:0px;top:auto;padding-left:60px;position:fixed;}
.canvasEditor .toolsEditor .tabs.h-tabs ul{border:0px;border-right:1px solid #6f6f6f;max-height:none;width:auto;display:inline-block;vertical-align:top}
.canvasEditor .toolsEditor .tabs.h-tabs ul li{margin:0 5px;display:inline-block;vertical-align:top;overflow-y:hidden;overflow-x:auto;}
.canvasEditor .toolsEditor .tabs.h-tabs ul li i{padding:10px 0px;}
.canvasEditor .toolsEditor .tabs ul li.active{}
.canvasEditor .toolsEditor .tabs ul li.active.reverse{opacity:0.3;}
.canvasEditor .toolsEditor .tabs ul li.active label{color:#ffa406;}
.canvasEditor .toolsEditor .tabs ul li.blokeo .fa-unlock-alt{display:none;}
.canvasEditor .toolsEditor .tabs ul li.blokeo.active .fa-unlock-alt{display:inline-block;}
.canvasEditor .toolsEditor .tabs ul li.blokeo.active .fa-lock{display:none;}

.cerrarEditorCanvas,.cerrarEditorCanvas+.guardarEditorCanvas{
    position: absolute;
    top: 10px;
    right: 10px;
    z-index:99999;
    background: #FFF;
}
.canvasEditor .content-canvas{
    display: inline-block;
    position: relative;
    max-width: calc(100vw - 90px);
    max-height: calc(100vh - 95px);
    margin:50px 0px 0px 70px;
    overflow: hidden;
    padding: 0px 2px;
}
.canvasEditor .canvasEditorContenedor{
    width:1280px;height:720px;
    border:1px solid #B4B1B1;
    background:#FFF;
    position: relative;
    z-index: 1;
}
.cerrarEditorCanvas,.cerrarEditorCanvas+.guardarEditorCanvas{
    top: auto;
    bottom: 5px;
    color: red;
    border-radius: 5px;
    z-index: 1;
}
.cerrarEditorCanvas+.guardarEditorCanvas{
    right:auto;
    left:10px;
    color: green;
}
.canvasEditor .toolsEditor fieldset{background:transparent;padding:5px;max-height:calc(100% - 40px);overflow:auto;}
.canvasEditor .toolsEditor form{margin:0px;}
.canvasEditor .toolsEditor form input{
    background-color:#FFF;box-sizing:border-box;font-size:10px;width:100%;
    margin:0px auto;
    padding:0px 4px;
    border-radius:5px;
    max-width:80%;
    font-size: medium;
}
.canvasEditor .toolsEditor form select{
    background-color:#FFF;
    font-size:x-small;
    max-width:80%;
    margin:0px auto;
}
.canvasEditor .toolsEditor .label{
    color:#39BABF;
    display: inline-block;
    line-height: 35px;
    font-size: 10px;
    font-weight: bold;
    text-overflow: ellipsis;
    text-align: center;
    height: 35px;
    overflow: hidden;
    text-transform: uppercase;
    white-space: nowrap;
    vertical-align: middle;
    width: 100%;
    min-width:35px;
}
.canvasEditor .toolsEditor .label.label-txt{color:#FFF!important;line-height:normal;}
.canvasEditor .toolsEditor .label i:not(.fa){border:2px solid #39babf;display:inline-block;height:20px;position:relative;vertical-align:middle;width:20px;}
.canvasEditor .toolsEditor .circulo .label i{border-radius:100%;}
.canvasEditor .toolsEditor .linea .label i{border-width:1px;width:0px;}
.toolsEditor .fa-hand-paper{opacity:0.5;}

.observeBoolean{
    background-color: #FFF;
    border-radius: 5px !important;
    height: 20px;
    position: relative;
    width: 20px !important;

    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    appearance:none;
    
    font-family:"Font Awesome 5 Free";
    font-weight: 900;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
}
.observeBoolean:checked:before{content:"\f00c";padding:4px;line-height:20px;}
.canvasEditor .tool-list input,.canvasEditor .tool-list select{max-width:100%;border:0;font-size:small;height:20px}
.canvasEditor .tool-list input[type="number"]{max-width:40px;}
.canvasEditor .tool-list input.inputColor{border:1px solid #CCC;box-sizing:border-box;font-size:xx-small;max-width:100%;}
.canvasEditor .tool-list select{
    background:#FFF;
    color:#000;
    max-width:100px;
    text-align:center;
    -moz-appearance:none;
    -webkit-appearance:none;
    appearance:none;
    min-width: 40px;
}
.canvasEditor .tool-list i + input{height:0px!Important;position:absolute;visibility:hidden;width:0px !important;}

.list-block .item-input + .note{font-size:xx-small;font-style:italic;}
.popupProductos{z-index:100000;}
.saveProducto.empty,.saveRecetas.empty,.saveVideos.empty{background:#048b90;}
#Herramientas{
    background:#000;
    position: absolute;
    padding-bottom: 2px;
    width: 100%;
    z-index:2;
}
#Herramientas::after{
    background: #000;
    bottom: 0px;
    content: "";
    position: fixed;
    left: 0px;
    height: 50px;
    width: 60px;
}
#Herramientas .tabs-menu .tab-link{display:inline-block;padding:5px 0px;vertical-align:middle;width:32vw;color:#39babf;}
#Herramientas .tabs-menu .tab-link.active{border:0px;border-bottom:2px solid #39BABF;}

#addRecetas tr td:last-child{position:relative;overflow:hidden;}
#addRecetas tr td:last-child:before{
    content:"";
    position:absolute;
    left:0px;
    top:0px;
    height:calc(100% + 48px);
    width:100%;
}

/* --- [Firma Digital] --- */
.firmaDigital{position:relative;width:100%;}
.content-firmaDigital{width:1280px;height:500px;position:relative;}
#firmaDigital{border:1px solid #ccc;width:1280px;height:500px;}
#firmaDigital:active{border-color:#39babf;}

/* --- [Placa Bacteriana] --- */
.content-placa{overflow:hidden;}
.placa{background:#383838;color: #FFF;text-align: center;font-size: large;font-weight: bold;min-width: 1040px;width: 100%;position: relative;}
.placa span{background:#383838;display:inline-block;padding:0px 10px;position: relative;z-index: 1;}
.placa header, .placa footer{
    border-bottom: 1px solid #FFF;
    margin-bottom: 5px;
    padding: 10px 0px;
    position: relative;
}
.placa footer{border:0px;border-top:1px solid #FFF;}
.placa .body{position:relative;}
.placa .body:before{
    content: "";
    position: absolute;
    left: 0px;
    top: 50%;
    height: 1px;
    width: 100%;
    background: #FFF;
}
.placa .col-100{
    display: inline-block;
    width: 100%;
}
.placa .col-100 .col-50{
    float: left;
    display: inline-block;
    vertical-align: top;
    position: relative;
    width: 50%;
    padding: 30px 15px;
    margin: -6px auto;
    box-sizing: border-box;
}
.placa .col-100 .col-50:first-child{
    width: calc(50% - 1px);
    border-right: 1px solid #FFF;
}
.placa .diente-placa{float:left;width: calc((100% / 8) - 4px);position: relative;overflow: hidden;margin: 0px 2px;}
.placa .diente-placa:before{
    content: "";
    position: absolute;
    top: calc(40% - 15px);
    left: calc(40%);
    z-index: 200;
    background: #FFF;
    width: 20%;
    height: 20%;
    border-radius: 20%;
    box-shadow: 0px 0px 0px 1px #000 inset;
}
.placa .diente-placa .diente{
    background:#FFF;
    border-radius:100%;
    width: 75px;
    height: 75px;
    max-width: 100%;
    margin: 0px auto;
    position: relative;
    overflow: hidden;
    z-index: 10;
}
.placa #l-top .diente-placa .diente{transform:scale(1);}
.placa #r-top .diente-placa .diente{transform: scale(-1,1);}
.placa #l-bottom .diente-placa .diente{transform:scale(1,-1);}
.placa #r-bottom .diente-placa .diente{transform:scale(-1);}

.placa .diente-placa .diente input{opacity:0;}
.placa .diente-placa .diente:before,.placa .diente-placa .diente:after{
    background: #000;
    content: "";
    height: 100%;
    left: 50%;
    top: 0px;
    position: absolute;
    width: 1px;
    z-index: 999999;
}
.placa .diente-placa .diente:before{transform:rotate(-45deg);}
.placa .diente-placa .diente:after{transform:rotate(45deg);}
.placa .diente-placa .diente+label{
    font-size: small;
    padding: 5px 0px;
    display: inline-block;
    width: 100%;
}
.placa .diente-placa .diente .pieza+i{
    position: absolute;
    top: 0px;
    left: 0px;
    width: 0px;
    height: 0px;
    border: 37.5px solid transparent;
    border-radius: 50%;
}
.placa .diente-placa .diente .pieza.vestibular:checked+i{border-top-color:red;}
.placa .diente-placa .diente .pieza.distal:checked+i{border-left-color:red;}
.placa .diente-placa .diente .pieza.mesial:checked+i{border-right-color:red;}
.placa .diente-placa .diente .pieza.lingual:checked+i{border-bottom-color:red}

#PiezaParaPlacaBacteriana .list-button .fa-check,#PiezaParaPlacaBacteriana .list-button.selected .fa-plus{display:none;}
#PiezaParaPlacaBacteriana .list-button.selected .fa-check{display:inline-block;}

/* --- [Carta Dental] --- */
.cartas-dentales{
    display: inline-block;
    width: 100%;
    position: relative;
    overflow:hidden;
}
.CartaDental.placa{display:none;}
.CartaDental.placa:before{
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    z-index: 999;
}
.CartaDental.placa:first-child:before{content:none;}
.CartaDental.placa.active{display: inline-block;}
.CartaDental.placa .fecha{
    font-size:small;
    position:absolute;
    left:0px;
    top:15px;
}
.CartaDental.placa .diente-carta{
    float: left;
    width: calc(100% / 8);
    position: relative;
    margin: 0px;
}
.CartaDental.placa .diente-carta.activo{background:#000;border-radius:15px;}
.CartaDental.placa .diente-carta .diente{position: relative;height:175px;width: 100%;text-align: center;display: block;overflow: hidden;}
.CartaDental.placa .diente-carta .diente.no-satisfactorio img{ 
    -webkit-filter:drop-shadow(2px 2px 0px red) drop-shadow(-2px -2px 0 red) drop-shadow(-2px 2px 0 red) drop-shadow(2px -2px 0 red) drop-shadow(2px 2px 0px red);
    filter:drop-shadow(2px 2px 0px red) drop-shadow(-2px -2px 0 red) drop-shadow(-2px 2px 0 red) drop-shadow(2px -2px 0 red) drop-shadow(2px 2px 0px red);
    max-width:100%;
    max-height:100%;
}
.CartaDental.placa .diente-carta .diente+label,
.CartaDental.placa .diente-carta .diente+label+label{
    font-size: small;
    padding: 5px 0px;
    display: inline-block;
    width: 100%;
}
.CartaDental.placa .diente-carta .diente+label+label,
.CartaDental.placa .diente-carta .diente.deciduo+label{display:none;}
.CartaDental.placa .diente-carta .diente.deciduo+label+label{display:inline-block;}
.CartaDental.placa .diente-carta .diente.deciduo{transform:scale(0.8);}
/*.CartaDental.placa .diente-carta .diente.ausente{opacity:0.05;}*/
.CartaDental.placa .diente-carta .diente.ausente .dropshadow{opacity:0.05;}
.CartaDental.placa .diente-carta .diente.ausente .overflow-auto{background-image:none !important;}

.CartaDental.placa .diente-carta .diente .productos{
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    -webkit-mask-image: none;
    -webkit-mask-position: top left;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: auto;
    mask-image:none;
    mask-position: top left;
    mask-repeat: no-repeat;
    mask-size: auto;
}
.CartaDental.placa .diente-carta .diente .productos span,.img-border,.img-border-bg{
    height:100%;width:100%;box-sizing: border-box;top:0px;position:absolute;left:0px;text-align:center;background-color:transparent;padding:0px;
    box-sizing:border-box;
    -webkit-mask-image:none;
    -webkit-mask-position:top left;
    -webkit-mask-repeat:no-repeat;
    -webkit-mask-size:auto;
    mask-image:none;
    mask-position:top left;
    mask-repeat:no-repeat;
    mask-size:auto;
    background:none no-repeat top center scroll transparent;
    background-size:contain;
}
.CartaDental.placa .diente-carta .diente .productos span img{max-width:100%;}
.CartaDental.placa .diente-carta .diente > .pieza.corona{top:auto;bottom:0px;}
.CartaDental.placa .diente-carta .diente .content-diente{
    position: absolute;
    left: 0px;
    top: 0px;
    height: 100%;
    width: 100%;
}
.CartaDental.placa .content-diente img{max-height:90%;max-width:100%;}
.CartaDental.placa .pieza{
    position:absolute;
    top:0px;
    width:100%;
    height:100%;
    left:50%;
    transform:translateX(-50%);
}

/* --- [Mejoras] --- */
.CartaDental.placa .content-diente .destacada{padding:0px;margin:0px;height:100%;width:100%;}
.CartaDental.placa .content-diente .destacada img{transform:translate(0,-50%);position:relative;top:50%;}

.CartaDental.placa .pieza.en-uso{z-index:1;}
.CartaDental.placa .pieza.oclusal{top:auto;bottom:0px;height:50px;}
.CartaDental.placa .pieza .producto{padding:0px;height:100%;width:100%;position:absolute;left:0px;top:0px;}
.CartaDental.placa .pieza .img-producto{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);max-width:none;max-height:none;}
.CartaDental.placa .pieza span{
    background:none no-repeat center center scroll transparent;
    padding:0px;margin:0px;box-sizing:border-box;height:100%;width:100%;
}
.CartaDental.placa .pieza .overflow{
    background: none no-repeat top center scroll transparent;
    display:inline-block;
    position:absolute;
    top:0px;
    left:0px;
    height:100%;
    width:100%;
    box-sizing: border-box;
    -webkit-mask-image:none;
    -webkit-mask-position:top left;
    -webkit-mask-repeat:no-repeat;
    -webkit-mask-size:auto;
    mask-image:none;
    mask-position:top left;
    mask-repeat:no-repeat;
    mask-size:auto;
    z-index: 1;
}
.CartaDental.placa .pieza .overflow img.dropshadow{position:absolute;top:0px;left:0px;}

.CartaDental.placa .pieza .inner,
.CartaDental.placa .pieza .inner > div{position:absolute;height:100%;width:100%;}

.CartaDental.placa .pieza .inner > .arriba{height:30%;top:0px;left:0px;}
.CartaDental.placa .pieza .inner > .izquierda{width:30%;top:0px;left:0px;}
.CartaDental.placa .pieza .inner > .centro{height:50%;top:25%;left:25%;width:50%;}
.CartaDental.placa .pieza .inner > .derecha{width:30%;top:0px;right:-3px;}
.CartaDental.placa .pieza .inner > .abajo{height:30%;bottom:0px;right:0px;}

.CartaDental.placa .c-r-bottom .pieza .inner > .arriba{top:auto;bottom:0px;right:0px;}
.CartaDental.placa .c-r-bottom .pieza .inner > .abajo{top:0px;bottom:auto;right:0px;}
.CartaDental.placa .c-l-bottom .pieza .inner > .arriba{top:auto;bottom:0px;right:0px;}
.CartaDental.placa .c-l-bottom .pieza .inner > .abajo{top:0px;bottom:auto;right:0px;}

.popupOdontograma{
    background:#FFF;
    border:2px solid #383838;
    box-sizing:border-box;
    display:none;
    transform: translate(0px, -50%);
    padding:5px;
    position: absolute;
    overflow: auto;
    transition:all .2s linear;
    top:50%;
    left:0;
    max-width:245px;
    max-height:85vh;
    height:auto;
    width:100%;
    z-index:14000;
}
.popupOdontograma .contenido{max-height:85vh;position:relative;}
.popupOdontograma .contenido .addProductToOdonto{max-height:calc(85vh - 56px);overflow-y:auto;}
.popupOdontograma .indicador{
    position: absolute;
    display: none;
    top: 0px;
    left: 0px;
    width: 25px;
    height: 25px;
    z-index: 99999;
    background: #FFF;
    border-top: 2px solid #383838;
    border-left: 2px solid #383838;
    transform: rotate(-45deg) translate(-50%,0%);
}
.popupOdontograma .list-block{margin:0px auto;}
.popupOdontograma .item-link i.fa.pull-right{margin-top:15px;}
.popupOdontograma .lista-productos{border-top:1px solid #837575;border-bottom:1px solid #837575;}
.popupOdontograma .footer{padding:5px 0px;}
.content-silueta{
    position: relative;
    text-align: center;
    width: 100%;
    margin: 10px auto 0px;
}
.content-silueta .siluetas{
    display: inline-block;
    width: 100px;
    height: 100px;
    border-radius: 100%;
    position: relative;
    overflow: hidden;
    background: #f5f5f5;
    border: 1px solid #CCC;
}
.content-silueta .siluetas .silueta{
    position: absolute;
    top:0px;
    left:0px;
    border: 50px solid transparent;
    filter:drop-shadow(0px 1px 0px #CCC);
    -webkit-filter:drop-shadow(0px 1px 0px #CCC);
}
.content-silueta .siluetas .silueta.arriba{}
.content-silueta .siluetas .silueta.izquierda{}
.content-silueta .siluetas .silueta.derecha{}
.content-silueta .siluetas .silueta.abajo{}
.content-silueta .siluetas .silueta.centro{
    border-radius: 100%;
    border-color: #FFF;
    border-width: 20px;
    top: 50%;
    left: 50%;
    z-index: 999;
    transform: translate(-50%,-50%);
    box-shadow: 0px 0px 1px #CCC;
}

.content-silueta .siluetas.arriba .silueta.arriba{border-top-color:#f44336;}
.content-silueta .siluetas.izquierda .silueta.izquierda{border-left-color:RED;}
.content-silueta .siluetas.centro .silueta.centro{border-color:#f44336;}
.content-silueta .siluetas.derecha .silueta.derecha{border-right-color:RED;}
.content-silueta .siluetas.abajo .silueta.abajo{border-bottom-color:#f44336;}

.content-silueta .siluetas.vestibular .silueta.vestibular{border-top-color:#f44336;}
.content-silueta .siluetas.distal .silueta.distal{border-left-color:RED;}
.content-silueta .siluetas.oclusal .silueta.oclusal{border-color:#f44336;}
.content-silueta .siluetas.mesial .silueta.mesial{border-right-color:RED;}
.content-silueta .siluetas.lingual .silueta.lingual{border-bottom-color:#f44336;}



/* --- [Piezas] --- */
#HistoryCartaDental.hide{display:none;}

.CartaDental.placa .c-l-bottom .pieza *,.CartaDental.placa .c-r-bottom .pieza *,
.CartaDental.placa .c-l-top .pieza.corona *,.CartaDental.placa .c-r-top .pieza.corona *{background-position:bottom center;-webkit-mask-position:bottom center;mask-position:bottom center;}

.CartaDental.placa .pieza.pieza-18.completo{height:101px;width:49px;}
.CartaDental.placa .pieza.pieza-18.oclusal{height:47px;width:46px;}
.CartaDental.placa .pieza.pieza-18.raiz{height:66px;width:49px;}
.CartaDental.placa .pieza.pieza-18.corona{height:49px;width:49px;top:52px;}
    .CartaDental.placa .pieza.pieza-18.corona .inner{transform:rotate(-25deg);}
.CartaDental.placa .pieza.pieza-18.centro{height:45px;width:49px;top:21px;}
    .CartaDental.placa .pieza.pieza-18.centro .overflow{background-position:left -21px;-webkit-mask-position:left -21px;mask-position:left -21px;}
    .CartaDental.placa .pieza.pieza-18.centro .overflow-hide .img-border-bg{top:-21px;height:calc(100% + 21px);}
.CartaDental.placa .pieza.pieza-18.base{width:49px;height:30px;}
.CartaDental.placa .pieza.pieza-18 .inner{transform:rotate(-10deg);}

.CartaDental.placa .pieza.pieza-17.completo{height:101px;width:46px;}
.CartaDental.placa .pieza.pieza-17.oclusal{height:45px;width:46px;}
.CartaDental.placa .pieza.pieza-17.raiz{height:60px;width:49px;}
.CartaDental.placa .pieza.pieza-17.corona{height:49px;width:49px;top:52px;}
    .CartaDental.placa .pieza.pieza-17.corona .inner{transform:rotate(-15deg);}
.CartaDental.placa .pieza.pieza-17.centro{height:45px;width:49px;top:21px;}
    .CartaDental.placa .pieza.pieza-17.centro .overflow{background-position:left -21px;-webkit-mask-position:left -21px;mask-position:left -21px;}
    .CartaDental.placa .pieza.pieza-17.centro .overflow-hide .img-border-bg{top:-21px;height:calc(100% + 21px);}
.CartaDental.placa .pieza.pieza-17.base{width:49px;height:30px;}

.CartaDental.placa .pieza.pieza-16.completo{height:101px;width:49px;}
.CartaDental.placa .pieza.pieza-16.oclusal{height:46px;width:46px;}
.CartaDental.placa .pieza.pieza-16.raiz{height:66px;width:49px;}
.CartaDental.placa .pieza.pieza-16.corona{height:49px;width:49px;top:52px;}
    .CartaDental.placa .pieza.pieza-16.corona .inner{transform:rotate(-15deg);}
.CartaDental.placa .pieza.pieza-16.centro{height:45px;width:49px;top:21px;}
    .CartaDental.placa .pieza.pieza-16.centro .overflow{background-position:left -21px;-webkit-mask-position:left -21px;mask-position:left -21px;}
    .CartaDental.placa .pieza.pieza-16.centro .overflow-hide .img-border-bg{top:-21px;height:calc(100% + 21px);}
.CartaDental.placa .pieza.pieza-16.base{width:46px;height:28px;}
    .CartaDental.placa .pieza.pieza-16.base .overflow{background-position:left top;-webkit-mask-position:left top;mask-position:left top;}

.CartaDental.placa .pieza.pieza-15.completo{height:107px;width:35px;}
.CartaDental.placa .pieza.pieza-15.oclusal{height:40px;width:35px;}
.CartaDental.placa .pieza.pieza-15.raiz{height:85px;width:35px;}
.CartaDental.placa .pieza.pieza-15.corona{height:39px;width:35px;top:67px;}
.CartaDental.placa .pieza.pieza-15.centro{height:60px;width:34px;top:21px;}
    .CartaDental.placa .pieza.pieza-15.centro .overflow{background-position:left -21px;-webkit-mask-position:left -21px;mask-position:left -21px;}
    .CartaDental.placa .pieza.pieza-15.centro .overflow-hide .img-border-bg{top:-21px;height:calc(100% + 21px);}
.CartaDental.placa .pieza.pieza-15.base{width:35px;height:35px;}

.CartaDental.placa .pieza.pieza-14.completo{height:110px;width:34px;}
.CartaDental.placa .pieza.pieza-14.oclusal{height:40px;width:35px;}
.CartaDental.placa .pieza.pieza-14.raiz{height:75px;width:30px;}
.CartaDental.placa .pieza.pieza-14.corona{height:45px;width:35px;top:60px;}
.CartaDental.placa .pieza.pieza-14.centro{height:60px;width:32px;top:21px;}
    .CartaDental.placa .pieza.pieza-14.centro .overflow{background-position:left -21px;-webkit-mask-position:left -21px;mask-position:left -21px;}
    .CartaDental.placa .pieza.pieza-14.centro .overflow-hide .img-border-bg{top:-21px;height:calc(100% + 21px);}
.CartaDental.placa .pieza.pieza-14.base{width:33px;height:35px;}

.CartaDental.placa .pieza.pieza-13.completo{height:120px;width:36px;}
.CartaDental.placa .pieza.pieza-13.oclusal{height:37px;width:35px;}
.CartaDental.placa .pieza.pieza-13.raiz{height:80px;width:35px;}
.CartaDental.placa .pieza.pieza-13.corona{height:50px;width:40px;top:67px;}
.CartaDental.placa .pieza.pieza-13.centro{height:60px;width:37px;top:22px;}
    .CartaDental.placa .pieza.pieza-13.centro .overflow{background-position:left -21px;-webkit-mask-position:left -21px;mask-position:left -21px;}
    .CartaDental.placa .pieza.pieza-13.centro .overflow-hide .img-border-bg{top:-21px;height:calc(100% + 21px);}
.CartaDental.placa .pieza.pieza-13.base{width:39px;height:30px;}

.CartaDental.placa .pieza.pieza-12.completo{height:101px;width:41px;}
.CartaDental.placa .pieza.pieza-12.oclusal{height:37px;width:42px;}
.CartaDental.placa .pieza.pieza-12.raiz{height:66px;width:42px;}
.CartaDental.placa .pieza.pieza-12.corona{height:49px;width:42px;top:52px;}
.CartaDental.placa .pieza.pieza-12.centro{height:45px;width:40px;top:21px;}
    .CartaDental.placa .pieza.pieza-12.centro .overflow{background-position:left -21px;-webkit-mask-position:left -21px;mask-position:left -21px;}
    .CartaDental.placa .pieza.pieza-12.centro .overflow-hide .img-border-bg{top:-21px;height:calc(100% + 21px);}
.CartaDental.placa .pieza.pieza-12.base{width:42px;height:25px;}

.CartaDental.placa .pieza.pieza-11.completo{height:108px;width:45px;}
.CartaDental.placa .pieza.pieza-11.oclusal{height:40px;width:44px;}
.CartaDental.placa .pieza.pieza-11.raiz{height:70px;width:44px;}
.CartaDental.placa .pieza.pieza-11.corona{height:49px;width:49px;top:56px;}
.CartaDental.placa .pieza.pieza-11.centro{height:45px;width:44px;top:21px;}
    .CartaDental.placa .pieza.pieza-11.centro .overflow{background-position:left -21px;-webkit-mask-position:left -21px;mask-position:left -21px;}
    .CartaDental.placa .pieza.pieza-11.centro .overflow-hide .img-border-bg{top:-21px;height:calc(100% + 21px);}
.CartaDental.placa .pieza.pieza-11.base{width:46px;height:30px;}


.CartaDental.placa .pieza.pieza-48.completo{height:95px;width:55px;}
.CartaDental.placa .pieza.pieza-48.oclusal{height:47px;width:55px;}
.CartaDental.placa .pieza.pieza-48.raiz{height:70px;width:55px;top:25px;}
.CartaDental.placa .pieza.pieza-48.corona{height:55px;width:55px;}
    .CartaDental.placa .pieza.pieza-48.corona .inner{transform:rotate(5deg);}
    .CartaDental.placa .pieza.pieza-48.corona .overflow{background-position:top center;-webkit-mask-position:top center;mask-position:top center;}
    .CartaDental.placa .pieza.pieza-48.corona .overflow-hide .img-border-bg{-webkit-mask-position:top center;mask-position:top center;}
.CartaDental.placa .pieza.pieza-48.centro{height:55px;width:55px;top:21px;}
    .CartaDental.placa .pieza.pieza-48.centro .overflow{background-position:left -21px;-webkit-mask-position:left -21px;mask-position:left -21px;}
    .CartaDental.placa .pieza.pieza-48.centro .overflow-hide .img-border-bg{top:-21px;height:calc(100% + 21px);}
.CartaDental.placa .pieza.pieza-48.base{width:70px;height:35px;top:60px;}
.CartaDental.placa .pieza.pieza-48.base .inner{transform:rotate(15deg);}

.CartaDental.placa .pieza.pieza-47.completo{height:100px;width:60px;}
.CartaDental.placa .pieza.pieza-47.oclusal{height:45px;width:50px;}
.CartaDental.placa .pieza.pieza-47.raiz{height:70px;width:55px;top:30px;}
.CartaDental.placa .pieza.pieza-47.corona{height:40px;width:60px;}
    .CartaDental.placa .pieza.pieza-48.corona .inner{transform:rotate(7deg);}
    .CartaDental.placa .pieza.pieza-47.corona .overflow{background-position:top center;-webkit-mask-position:top center;mask-position:top center;}
    .CartaDental.placa .pieza.pieza-47.corona .overflow-hide .img-border-bg{-webkit-mask-position:top center;mask-position:top center;}
.CartaDental.placa .pieza.pieza-47.centro{height:65px;width:57px;top:21px;}
    .CartaDental.placa .pieza.pieza-47.centro .overflow{background-position:left -21px;-webkit-mask-position:left -21px;mask-position:left -21px;}
    .CartaDental.placa .pieza.pieza-47.centro .overflow-hide .img-border-bg{top:-21px;height:calc(100% + 21px);}
.CartaDental.placa .pieza.pieza-47.base{width:60px;height:30px;top:70px;}
.CartaDental.placa .pieza.pieza-47.base .inner{transform:rotate(10deg) translate(-15px,0);}

.CartaDental.placa .pieza.pieza-46.completo{height:100px;width:55px;}
.CartaDental.placa .pieza.pieza-46.oclusal{height:46px;width:55px;}
.CartaDental.placa .pieza.pieza-46.raiz{height:65px;width:55px;top:33px;}
    .CartaDental.placa .pieza.pieza-46.raiz .overflow{background-position:bottom center;-webkit-mask-position:bottom center;mask-position:bottom center;}
    .CartaDental.placa .pieza.pieza-46.raiz .overflow .img-border-bg{background-position:bottom center;-webkit-mask-position:bottom center;mask-position:bottom center;}
.CartaDental.placa .pieza.pieza-46.corona{height:40px;width:55px;}
    .CartaDental.placa .pieza.pieza-46.corona .overflow{background-position:top center;-webkit-mask-position:top center;mask-position:top center;}
    .CartaDental.placa .pieza.pieza-46.corona .overflow-hide .img-border-bg{-webkit-mask-position:top center;mask-position:top center;}
.CartaDental.placa .pieza.pieza-46.centro{height:55px;width:55px;top:21px;}
    .CartaDental.placa .pieza.pieza-46.centro .overflow{background-position:left -21px;-webkit-mask-position:left -21px;mask-position:left -21px;}
    .CartaDental.placa .pieza.pieza-46.centro .overflow-hide .img-border-bg{top:-21px;height:calc(100% + 21px);}
.CartaDental.placa .pieza.pieza-46.base{width:55px;height:35px;top:63px;}
.CartaDental.placa .pieza.pieza-46.base .inner{transform:rotate(10deg);}

.CartaDental.placa .pieza.pieza-45.completo{height:110px;width:34px;}
.CartaDental.placa .pieza.pieza-45.oclusal{height:37px;width:35px;}
.CartaDental.placa .pieza.pieza-45.raiz{height:80px;width:31px;top:25px;}
.CartaDental.placa .pieza.pieza-45.corona{height:45px;width:35px;}
    .CartaDental.placa .pieza.pieza-45.corona .overflow{background-position:top center;-webkit-mask-position:top center;mask-position:top center;}
    .CartaDental.placa .pieza.pieza-45.corona .overflow-hide .img-border-bg{-webkit-mask-position:top center;mask-position:top center;}
.CartaDental.placa .pieza.pieza-45.centro{height:65px;width:35px;top:21px;}
    .CartaDental.placa .pieza.pieza-45.centro .overflow{background-position:left -21px;-webkit-mask-position:left -21px;mask-position:left -21px;}
    .CartaDental.placa .pieza.pieza-45.centro .overflow-hide .img-border-bg{top:-21px;height:calc(100% + 21px);}
.CartaDental.placa .pieza.pieza-45.base{width:30px;height:30px;top:75px;}

.CartaDental.placa .pieza.pieza-44.completo{height:105px;width:35px;}
.CartaDental.placa .pieza.pieza-44.oclusal{height:38px;width:35px;}
.CartaDental.placa .pieza.pieza-44.raiz{height:75px;width:30px;top:30px;}
.CartaDental.placa .pieza.pieza-44.corona{height:45px;width:35px;}
    .CartaDental.placa .pieza.pieza-44.corona .overflow{background-position:top center;-webkit-mask-position:top center;mask-position:top center;}
    .CartaDental.placa .pieza.pieza-44.corona .overflow-hide .img-border-bg{-webkit-mask-position:top center;mask-position:top center;}
.CartaDental.placa .pieza.pieza-44.centro{height:60px;width:33px;top:21px;}
    .CartaDental.placa .pieza.pieza-44.centro .overflow{background-position:left -21px;-webkit-mask-position:left -21px;mask-position:left -21px;}
    .CartaDental.placa .pieza.pieza-44.centro .overflow-hide .img-border-bg{top:-21px;height:calc(100% + 21px);}
.CartaDental.placa .pieza.pieza-44.base{width:20px;height:35px;top:70px;}

.CartaDental.placa .pieza.pieza-43.completo{height:120px;width:37px;}
.CartaDental.placa .pieza.pieza-43.oclusal{height:40px;width:36px;}
.CartaDental.placa .pieza.pieza-43.raiz{height:75px;width:25px;top:45px;}
.CartaDental.placa .pieza.pieza-43.corona{height:60px;width:40px;}
    .CartaDental.placa .pieza.pieza-43.corona .overflow{background-position:top center;-webkit-mask-position:top center;mask-position:top center;}
    .CartaDental.placa .pieza.pieza-43.corona .overflow-hide .img-border-bg{-webkit-mask-position:top center;mask-position:top center;}
.CartaDental.placa .pieza.pieza-43.centro{height:95px;width:40px;top:21px;}
    .CartaDental.placa .pieza.pieza-43.centro .overflow{background-position:left -21px;-webkit-mask-position:left -21px;mask-position:left -21px;}
    .CartaDental.placa .pieza.pieza-43.centro .overflow-hide .img-border-bg{top:-21px;height:calc(100% + 21px);}
.CartaDental.placa .pieza.pieza-43.base{width:20px;height:35px;top:85px;}

.CartaDental.placa .pieza.pieza-42.completo{height:106px;width:30px;}
.CartaDental.placa .pieza.pieza-42.oclusal{height:30px;width:32px;}
.CartaDental.placa .pieza.pieza-42.raiz{height:80px;width:25px;top:25px;}
.CartaDental.placa .pieza.pieza-42.corona{height:55px;width:30px;}
    .CartaDental.placa .pieza.pieza-42.corona .inner{transform:rotate(-15deg);}
    .CartaDental.placa .pieza.pieza-42.corona .overflow{background-position:top center;-webkit-mask-position:top center;mask-position:top center;}
    .CartaDental.placa .pieza.pieza-42.corona .overflow-hide .img-border-bg{-webkit-mask-position:top center;mask-position:top center;}
.CartaDental.placa .pieza.pieza-42.centro{height:67px;width:30px;top:21px;}
    .CartaDental.placa .pieza.pieza-42.centro .overflow{background-position:left -21px;-webkit-mask-position:left -21px;mask-position:left -21px;}
    .CartaDental.placa .pieza.pieza-42.centro .overflow-hide .img-border-bg{top:-21px;height:calc(100% + 21px);}
.CartaDental.placa .pieza.pieza-42.base{width:21px;height:30px;top:76px;}

.CartaDental.placa .pieza.pieza-41.completo{height:110px;width:30px;}
.CartaDental.placa .pieza.pieza-41.oclusal{height:30px;width:32px;}
.CartaDental.placa .pieza.pieza-41.raiz{height:70px;width:25px;top:40px;}
.CartaDental.placa .pieza.pieza-41.corona{height:55px;width:30px;}
    .CartaDental.placa .pieza.pieza-41.corona .inner{transform:rotate(-10deg);}
    .CartaDental.placa .pieza.pieza-41.corona .overflow{background-position:top center;-webkit-mask-position:top center;mask-position:top center;}
    .CartaDental.placa .pieza.pieza-41.corona .overflow-hide .img-border-bg{-webkit-mask-position:top center;mask-position:top center;}
.CartaDental.placa .pieza.pieza-41.centro{height:70px;width:28px;top:21px;}
    .CartaDental.placa .pieza.pieza-41.centro .overflow{background-position:left -21px;-webkit-mask-position:left -21px;mask-position:left -21px;}
    .CartaDental.placa .pieza.pieza-41.centro .overflow-hide .img-border-bg{top:-21px;height:calc(100% + 21px);}
.CartaDental.placa .pieza.pieza-41.base{width:18px;height:28px;top:80px;}

.CartaDental.placa .c-r-top .diente-carta .diente,
.CartaDental.placa .c-r-bottom .diente-carta .diente{transform:scale(-1,1);}
.CartaDental.placa .c-l-bottom .diente-carta .diente .producto .producto-scale,
.CartaDental.placa .c-r-bottom .diente-carta .diente .producto .producto-scale{transform:translate(-50%,-50%) scale(1,-1);}

.CartaDental.placa .c-r-top .diente-carta .diente.deciduo, .CartaDental.placa .c-r-bottom .diente-carta .diente.deciduo{transform:scale(-0.8,0.8);}
.CartaDental.placa .c-l-bottom .diente-carta .diente.deciduo .producto .producto-scale,
.CartaDental.placa .c-r-bottom .diente-carta .diente.deciduo .producto .producto-scale{transform:translate(-50%,-50%) scale(0.8,-0.8);}

/* --- [Plan de Tratamiento] -- */
#NuevoPlanDeTratamiento{margin:0px auto 20px;display:inline-block;width:100%;overflow:hidden;}
.toggleClassPrespuesto{display: inline-block;margin:0px 0px 5px;padding:5px 15px;}
.toggleClassPrespuesto.fa-eye-slash{color:red;}
.toggleClassPrespuesto.fa-eye-slash+#NuevoPlanDeTratamiento{display:none;}
#addProducto_wrapper .dt-toolbar>:last-child{display:none;}
#FactorDeCambio{border:1px solid #CCC;text-align:center;float:right;border-left: 0px;-webkit-appearance:none;appearance:none;padding:0px 10px 0px 0px;font-size:medium;text-align:right;width:70px;}
.popup.popupCanvas:not(.tablet-fullscreen){height:100%;left:0px;top:0px;margin:0px;width:100%;}
.dataTable .clean-footer th {
    font-size: small;
    font-weight: normal;
    text-align: right;
    min-width: 70px;
}
.dataTable input, .dataTable select{font-size:small !important;}
.dataTable input{text-align: right;}
.dataTable textarea{border:1px solid #CCC;margin:0px 0px 20px;padding: 10px;width:100%;}
.content-tabs-vertical .menuTabs{
    background: #FFF;
    position: absolute;
    top: -35px;
    left: 10px;
    padding: 5px 10px;
    line-height: 30px;
}
.content-tabs-vertical .menuTabs i{float:left;}
.content-tabs-vertical .menuTabs.open+.tabs-menu.vertical{
    width: 100%;
}
.content-tabs-vertical .menuTabs select{
    -webkit-appearance: none;
    appearance: none;
    border: 0px;
    font-size: medium;
    background: transparent;
    padding: 10px;
    text-transform: unset;
    padding-left: 40px;
    margin: -10px;
    margin-left: -40px;
    position: relative;
    text-indent: -90000px;
    z-index: 10;
}
select+.select-text {
    position: absolute;
    right: 0px;
    display: inline-block;
    width: 100%;
    height: 100%;
    top: 0px;
    font-size: 1.3em;
    line-height: 2.15em;
}
/* --- [Pagos] --- */
.addNewPago{
    display: inline-block;
    width: 100%;
    border: 1px dotted #ccc;
    padding: 10px;
    box-sizing: border-box;
    background: #f3f3f3;
    border-bottom: 0px;
    border-right: 0px;
}
a.addVideos{margin-left:30px;margin-right:30px;}
/*--- [Editor] --- */
.content-WYSIWYG{
    background: #CCC;
    box-shadow: 0px 0px 5px 1px #6b6b6b inset;
    overflow-x: hidden;
    border: 1px dotted #CCC;
    max-width: 100%;
    max-height: 100vh;
    text-align: center;
    vertical-align: middle;
}
.content-WYSIWYG .marco{
    position: relative;
    height: 98%;
    width: 98%;
    border: 1px dashed #000;
    margin: 0.5% 1%;
    background: #fff;
    display: inline-block;
    margin: 0px auto;
    text-align: left;
    max-width: 750px;
}
.editorWYSIWYG{
  width: 752px;
  /*height: 1035px;*/
  padding: 2%;
  box-sizing: border-box;
  max-width:100%;
  min-height:100vh;
}
.mce-branding-powered-by{display:none;}
.mce-fullscreen .sidebar{display:none;}
.mce-fullscreen .logeado .with-minisidebar .page:not(.no-sidebar){padding-left:0px !important;}
.mce-menubar, .mce-toolbar-grp{position:sticky;position:-webkit-sticky;top:0px;}

/* --- [Calendario] --- */
.fc-event .fc-content i{
    color: #000;
    float: right;
    margin: 3px 0px 0px;
    padding: 0px 0px 2px;
}
.fc-widget-content.selected,tr.selected{box-shadow: 0px 0px 0px 2px #3ab9bf inset !important;background: rgba(192, 252, 255, 0.4);}
.fc .fc-button-group>*{
    background: #FFF;
    border-radius: 0px;
    outline: none;
}
.home-calendar-content{
    max-height: calc(100vh - 120px);
}
.calendarInline .picker-calendar.picker-modal{
    min-width:auto!important;
    max-width:100%!important;
}
.timeline-calendarioInLine.timeline{padding:0;}
i.select-color-item{
    box-shadow: 0px 0px 0px 1px #000;
    display: inline-block;
    height: 20px;
    margin-right: 5px;
    vertical-align: middle;
    width: 30px;
}
.inputColor{text-align:center;}
.btn-inline{display:inline-block;padding:0px 20px;}
.fc-time-grid-event .fc-time{font-size:small;}
.ver-video img{max-width:50px;margin:5px 0px 0px;}
.deleteEvento.hide{display:none!important;}
.item-inner+.removeIfNotEmpty{display:none;}
.item-inner.not-empty-state+.removeIfNotEmpty{display:flex;}
.avanzados > a{
    border-top: 1px solid #CCC;
    display: inline-block;
    margin: 10px auto 0px;
    padding: 20px 0px 0px;
    width: 100%;
}
.avanzados .opciones{max-height:0px;overflow:hidden;transition:all 0.3s linear;}
.avanzados .activo+.opciones{max-height:200px !important;}
.toggleAvanzados.activo{color:#000;}

#contentInfoEvento.popout{
    position: fixed;
    top: 50%;
    left: 50%;
    max-width: 50vw;
    max-height: 50vh;
    transform: translate(-50%,-50%);
    z-index: 99999;
}
#contentInfoEvento.popout:before{
    content: "";
    background: rgba(53, 53, 53,0.8);
    left: 0px;
    top: 0px;
    width: 100vw;
    height: 100vh;
    position: fixed;
    transform: translate(-25%,-25%);
}
#contentInfoEvento.popout h4{display:none;}
#contentInfoEvento.popout .content-block,#contentInfoEvento.popout .list-block,#contentInfoEvento.popout fieldset{margin:0px;padding:0px;}
#contentInfoEvento.popout .contentInfoEventoInner{
    box-shadow:0px 0px 10px 5px #333;
    position:relative;
    height:40vh;
    margin:0px auto 10px;
    overflow:auto;
}

/* --- [Temporal] --- */
.CartaDental.placa .diente-carta .diente .productos img{margin-left:-10px;}
.CartaDental.placa .diente-carta .diente .productos span.imagenCoronaAerea{
    top: auto;
    bottom: -5px;
    height: 56px;
}
.fc-view.with-scroll:before{
    background: rgba(0, 0, 0, 0.4);
    content: "";
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    z-index: 999;
}
.fc-blockSelect-button{outline:0px;background:#39bbbf!important;color:#FFF!important;}
.fc-blockSelect-button.with-scroll{background:#dcdcdc!important;color:#767575!important;}
.fc-more-cell .fc-more{
    text-transform: uppercase;
    color: #353535;
    text-decoration: underline;
    float: left;
}
.xdsoft_datetimepicker{z-index:99999999!important;};
.xdsoft_datetimepicker{transform:translate(170px,-70%);}
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_disabled, 
.xdsoft_datetimepicker .xdsoft_time_box > div > div.xdsoft_disabled{
    opacity: 0.2;
    color: #f009;
    text-decoration: line-through;
}
.categorias section.col{display:inline-block;}
#tab-pagos .fecha, #tab-pagos .forma{padding:0px 10px;position:relative;color:#000;}
.leyenda-pagos{
    color: #726e6e;
    font-size: x-small;
    padding: 2px 4px;
    display: inline-block;
    width: 100%;
}
.miniTxt{
    display: inline-block;
    font-size: xx-small;
    text-align: center;
    width: 100%;
    margin: 0px auto;
    padding: 10px 0px 0px;
    font-style: normal;
    color: #000;
}
.pull-right.print{margin-right:5px;}
*[data-id="5a83e808804ecc140084880f"]{z-index:9999999!Important;}
.num-orden{min-width:35px;text-align:center!important;}
td.ordenar{background-color:#efefef;padding-left:2px !important;}
.dt-rowReorder-moving .ordenar{background:#555;color:#FFF;}
.input-num{text-align:center!important;}

#fullScreenEvolucion.full{
    padding:15px 10px 0px 0px;
    position: fixed;
    width: 75vw;
    height: 75vh;
    background: #FFF;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    z-index: 99999;
    box-shadow: 0px 0px 0px 100px #000000b3;
}
#fullScreenEvolucion > .fa{position:relative;float:right;}
#fullScreenEvolucion.full > .fa{
    position: absolute;
    right: -10px;
    top: -10px;
    background: #000;
    padding: 10px;
    float:none;
    color: #FFF !important;

}

.producto[data-id="5a26c7486f668b1400b71138"] img{height: 100%;}
.no-internet .logeado .pages.with-minisidebar::before{
    content: "SIN ACCESO A INTERNET";
    position: absolute;
    right: 0px;
    width: calc(100vw - 65px);
    z-index: 99999;
    background: orange;
    text-align: center;
    color: #FFF;
    font-weight: bold;
}

.nuevoRecordatorio{margin-right:-10px;}
.item-media-pic.icon-mispx{background-size:contain;background-image:url(../img/icon.png);}
.sidebar.bloqueado{opacity:0.2;}
.sidebar.bloqueado:before{
    content: "";
    position: absolute;
    left: 0px;
    top: 0px;
    height: 100%;
    width: 100%;
    z-index: 9999;
}
.row.ListExamenes{
    display: inline-block;
    overflow: hidden;
    width: 100%;
}
.row.ListExamenes .group-list{display:inline-block;vertical-align:top;}
.row.ListExamenes .group-list .group-title{
    font-weight: bold;
    font-size: small;
    padding-left: 15px;
    text-transform: uppercase;
    color: #39BABF;
}
.row .col-10{min-width:35px;}
.row .col-10+.col-90{max-width:calc(100% - 35px);}
.confirm{cursor:pointer;}

/* --- [Reportes] -- */
.list-toggle{margin:0px;padding:0px 0px 10px;list-style:none;overflow:hidden;max-height:20px;transition:all 0.2s linear;}
.list-toggle.open{max-height:300px;overflow:auto;}
.list-toggle legend{
    font-weight: bold;
    text-transform: uppercase;
    padding: 6px 0px;
    text-align: center;
    font-size: large;
}
.list-toggle li label{
    padding: 4px 0px;
    display: inline-block;
    width: 100%;
    border-top: 1px dashed #DEDEDE;
}

.iframe{
    border: 0px;
    position: absolute;
    width: calc(100% - 30px);
    height: 100%;
}