@charset "UTF-8";
@media print{.table-hidden,.table-hidden *,.table-hidden td,.table-hidden th{border:0!important;border-top:0!important}}
body{font-size:.8em!important}
body.modal-open{overflow:visible}
a{color:#a00;text-decoration:none}
a:hover{color:red;text-decoration:underline;cursor:pointer}
b,b *,strong,strong *{font-weight:700}
ol,ul{list-style:none}
button{cursor:pointer}
h1,h2,h3,h4,h5,h6{font-family:Lato}
table.dataTable tbody td,table.dataTable tbody th{padding:5px!important}
td.idClass{width:100px}
input[type=text]:disabled{background-color:#eaeaea!important;color:#1b1b1b;cursor:not-allowed}


.itemTarea{ cursor:pointer;}
.itemTarea:hover{ background-color:#fafafa;}

.table{table-layout:auto}
.table thead th { border-bottom: 1px solid #a4b7c1 !important;}
.table td,.table th{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tableSelectorCP  tbody tr:hover td { background:#fbfcd4; cursor:pointer;}
.cursorPointer{cursor:pointer;}
.hidden{display:none !important;}
.displayNone{display:none}
.datosGlobalesExpediente .card-body{overflow:hidden!important;margin-right:2em!important}
.loginContainer{margin-top:150px}
.tooltip-inner{max-width:300px!important}
.table-hidden,.table-hidden td,.table-hidden th{border:1px dotted rgba(255,30,30,.4)!important;border-top:1px dotted rgba(255,30,30,.4)!important}
#comboModal fieldset:not(:first-of-type){display:none}

.w50{ width:50px !important;}
.w60{ width:60px !important;}
.w70{ width:70px !important;}
.w80{ width:80px !important;}
.w90{ width:90px !important;}
.w100{ width:100px !important;}
.inputLikeText {background-color:#ffffff !important; border:0px !important;}


.ficha-label-left{width:100px; text-align:left;}
.ficha-label-right{width:100px; text-align:right;}

.avatarOFF {width:150px; height:150px;background-color:rgba(255,0,0,0.4);position:absolute;z-index:1000; left:0; right:0;margin-left: auto; margin-right: auto; border-radius: 50%;}
.avatarON{width:150px; height:150px; margin: 0 auto; border-radius: 50%;}

table.minutas td{ padding:.2em 1em;}
table.minutas td.label{ max-width:180px;}
table.minutas td.data{ width:120px !important;}
table.minutas td.data input{ background-color:#fafafa !important; border:0px;}
table.minutas td.date{ width:200px !important;}
table.minutas td.date input{ background-color:#fafafa !important; border:0px;}
table.minutas .total{ font-weight:bold; font-size:1.4em;}
table.minutas .big{ font-size:1.4em;}

.border-grey{border:1px solid #c2cfd6 !important;}


/*table.minutas td{border:1px solid #f00 !important;}*/



.options{width:35px}
.greyscale{-webkit-filter:grayscale(100%)!important;filter:grayscale(100%)!important;opacity:.5}
.truncate-ellipsis{display:table;table-layout:fixed;width:100%;white-space:nowrap}
.truncate-ellipsis>*{display:table-cell;overflow:hidden;text-overflow:ellipsis}
.truncate-producto td:nth-child(6){display:table;table-layout:fixed;width:100%;white-space:nowrap}
.truncate-producto td:nth-child(6)>*{display:table-cell;overflow:hidden;text-overflow:ellipsis}
.variableTinyMCE{cursor:default;background-color:#65b9dd;color:#FFF;padding:2px 8px;border-radius:3px;font-weight:700;font-style:normal;font-size:10px;display:inline-block;line-height:12px}


.ui-menu-item>a.ui-corner-all{display:block;padding:3px 15px;clear:both;font-weight:400;line-height:18px;color:#555;white-space:nowrap;text-decoration:none}
.ui-state-active,.ui-state-hover{color:#fff;text-decoration:none;background-color:#08c;border-radius:0;-webkit-border-radius:0;-moz-border-radius:0;background-image:none}
li.complete:nth-child(odd){background-color:#f8f8f8}
li.complete:nth-child(even){background-color:#fff}
li.complete{padding:.5em}

.modal-dialog{overflow-y:initial!important}
.modal-body{max-height:70vh;overflow-y:auto}*/
#wrap{width:100%;height:100%;border:1px solid #00f;overflow:auto;top:0;left:0;position:absolute;z-index:50}
#side{width:5%;float:left;border:1px solid red;height:100%;color:#fff;padding-top:50px;background-color:#000}
#main{width:95%;float:left;border:1px solid #ff0;height:100%;padding-top:50px}

.highlight{background-color:#6dafb8;color:#fff;cursor:pointer}
.ui-autocomplete{position:absolute;top:100%;left:0;z-index:10000;float:left;display:none;min-width:160px;padding:4px 0;margin:0 0 10px 25px;list-style:none;background-color:#fff;border-color:#ccc;border-color:rgba(0,0,0,.2);border-style:solid;border-width:1px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;-webkit-box-shadow:0 5px 10px rgba(0,0,0,.2);-moz-box-shadow:0 5px 10px rgba(0,0,0,.2);box-shadow:0 5px 10px rgba(0,0,0,.2);-webkit-background-clip:padding-box;-moz-background-clip:padding;background-clip:padding-box;*border-right-width:2px;*border-bottom-width:2px;max-height:300px;overflow-y:scroll}
.ui-autocomplete li:nth-child(odd){background-color:#f6f6f6;border-bottom:1px solid #dcdcdc}
.ui-autocomplete li:nth-child(even){background-color:#fff;border-bottom:1px solid #dcdcdc}
.ui-autocomplete li{padding:.2em .2em .2em 1em;cursor:pointer;font-size:.9em}
.ui-autocomplete li:hover{background-color:#fffce1}


#loading .modal-dialog{display:table;position:relative;margin:0 auto;top:calc(50% - 24px)}
#loading .modal-dialog .modal-content{background-color:transparent;border:none}
.spinner{margin:0 auto;width:70px;text-align:center}
.spinner>div{width:18px;height:18px;background-color:#fff;border-radius:100%;display:inline-block;-webkit-animation:sk-bouncedelay 1.4s infinite ease-in-out both;animation:sk-bouncedelay 1.4s infinite ease-in-out both}
.spinner .bounce1{-webkit-animation-delay:-.32s;animation-delay:-.32s}
.spinner .bounce2{-webkit-animation-delay:-.16s;animation-delay:-.16s}
@-webkit-keyframes sk-bouncedelay{0%,100%,80%{-webkit-transform:scale(0)}
    40%{-webkit-transform:scale(1)}}
@keyframes sk-bouncedelay{0%,100%,80%{-webkit-transform:scale(0);transform:scale(0)}
    40%{-webkit-transform:scale(1);transform:scale(1)}}
@-webkit-keyframes sk-bounce{0%,100%{-webkit-transform:scale(0)}
    50%{-webkit-transform:scale(1)}}
@keyframes sk-bounce{0%,100%{transform:scale(0);-webkit-transform:scale(0)}
    50%{transform:scale(1);-webkit-transform:scale(1)}}
::-webkit-input-placeholder{color:#d4d7d8!important}
:-ms-input-placeholder{color:#d4d7d8!important}
::-moz-placeholder{color:#d4d7d8!important;opacity:1}
:-moz-placeholder{color:#d4d7d8!important;opacity:1}






.accordion-container{position:relative;width:100%;height:auto;margin:20px auto}
.accordion-container>h2{text-align:center;color:#fff;padding-bottom:5px;margin-bottom:30px;border-bottom:1px solid #ddd}
.set{position:relative;width:100%;height:auto;background-color:#f5f5f5}
.set>.title{display:block;padding:10px 15px;text-decoration:none;color:#555;font-weight:600;border-bottom:1px solid #ddd;-webkit-transition:all .2s linear;-moz-transition:all .2s linear;transition:all .2s linear}
.set>.title i{position:relative;float:right;margin-top:4px;color:#666}
.set>.title.active{background-color:#39c;color:#fff}
.set>.title.active i{color:#fff}
.accordion-container .content{position:relative;width:100%;height:auto;background-color:#fff;border-bottom:1px solid #ddd;display:none;padding:1em}
.accordion-container .content p{padding:10px 15px;margin:0;color:#333}

.menu-bar-white{color:#fff}
.brand-width{/*width:200px*/}


.honorarios th{border-bottom:1px solid #000}
.honorarios td,.honorarios th{padding:.4em}
.linkBox{position:relative;overflow:visible;margin:0 .3em;cursor:pointer}
.linkBox img{width:64px;height:64px}
.linkBox .title{margin-top:10px;font-size:.9em;color:#888}
.linkBox .image{padding:1em;border:1px solid #ddd;box-shadow:0 1px 1px #888,inset 0 0 30px #dcdcdc;-webkit-box-shadow:0 1px 1px #888,inset 0 0 30px #dcdcdc;-moz-box-shadow:0 1px 1px #888,inset 0 0 30px #dcdcdc}
.linkBox .bubble{background-color:#0095cc;position:absolute;top:-5px;right:-5px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;color:#fff}
.linkBox .bubble p{color:#fff;padding:.3em 1em;margin:0}


.base{margin:2em auto 0;background-color:#fff}
.base.first{margin-top:2em}
.linkBox:hover .image{box-shadow:0 1px 1px #888,inset 0 0 30px #aaa;-webkit-box-shadow:0 1px 1px #888,inset 0 0 30px #aaa;-moz-box-shadow:0 1px 1px #888,inset 0 0 30px #aaa}
.firma{color:#aaa}
.minimos{background-color:#fdfab6}
.anulado{text-decoration:line-through;color:#a94442;background-color:#f2dede}
.anulado .item p{text-decoration:line-through}
.anulado .personal{color:#a94442;font-weight:400}
.personal{color:#337ab7}
.zona{color:red}


.f-int{width:55px!important}
.f-total{width:65px!important}
.f-padding{margin-left:5px;margin-right:5px}
.inline{display:inline!important}
.single{border-radius:3px!important}
.center-Container{position:relative}
.absolute-Center{margin:auto;position:absolute;top:0;left:0;bottom:0;right:0;height:80%;padding:1em}

.filaSeleccionada .styleLink{background-color:#1985ac!important;color:#fff!important;cursor:pointer}
.styleLink{color:#1985ac;cursor:pointer}
.groupByColumn{background-color:#63c2de!important;color:#fff!important}
.groupByColumn a:link{color:#fff!important}
.groupBySumatory{background-color:#fff!important;color:#000!important;font-weight:700!important}
#dashBoardFiltros .badge{margin-top:4px}
.buttonBadge{white-space:normal!important;display:inline-flex!important;margin:.2em!important}
.buttonBadge div{margin:0 auto!important}
.buttonBadge span{vertical-align:text-top!important;margin-left:.8em}

.dt-buttons{margin-right:2em!important}
.dataTables_length{margin-top:.5em!important}
#loading{z-index:100000000}
#viewSelectionModal{z-index:10000}
#vistaPreviaModal{z-index:9999}
.bootstrap-select .bs-ok-default::after{width:.3em;height:.6em;border-width:0 .1em .1em 0;transform:rotate(45deg) translateY(0.5rem)}
.btn.dropdown-toggle:focus{outline:0!important}

.expedienteLogTable tbody td,.expedienteLogTable thead th{padding:.3em .6em}
.expedienteLogTable tbody td,.expedienteLogTable thead th{padding:.3em .6em}
.expedienteLogTable thead th{border:1px !important;}
.expedienteLogTable tbody td img{width:24px;height:auto}
.containerLogTable{overflow:auto;max-height:300px}
.filtrosEstado span{font-size: .8em;}
.bgTransparent{border:0 solid #fff;border-radius:2px;background-color:rgba(255,255,255,0);padding:.2em;color:#fff;width:80%}
.bgTransparent:hover{border:1px solid #fff;background-color:rgba(255,255,255,1);color:#000}

.filtroEstadoBtn{ cursor:pointer; padding-top:0.65em !important; padding-bottom:0.65em  !important;}
.filtroEstadoBtn span{font-size:.9em;}
.dropdown-menu li{font-size:.8em;}

#dashBoardnuevoExpediente,.botoncaja{-moz-transition: all 1s ease; -ms-transition: all 1s ease;-o-transition: all 1s ease; transition: all 1s ease; }
#dashBoardnuevoExpediente:hover,.botonCaja:hover{border-color:#20a8d8 !important;}

#datagridSelection_wrapper tr:hover td{ background-color: #fbfcd4 !important; color: #000; cursor:pointer;}
.selectRowTable:hover td{background-color: #fbfcd4 !important; color: #000; cursor:pointer;}
.selectRowTable:hover td a{color: #000;}*/
.selectRowTable .selected td{ background-color: #fbfcd4 !important; color: #000; cursor:pointer;}
.selectRowTable.selected td, 
.selectRowTable.selected span, 
.selectRowTable.selected td strong,  
.selectRowTable.selected *,
.selectRowTable.selected td strong a{ color: #fff !important; }
.selectRowTable.selected:hover td{ background-color: #0275d8 !important; color: #fff !important; }

.filaSeleccionada { background-color: #1985ac !important; color: #fff !important; cursor:pointer;}
.filaSeleccionada a{ color: #fff !important;}

.columnaSeleccionada { color: #1985ac; cursor:pointer; text-decoration: underline;}
.columnaSeleccionadaAlert {color: #ff0000; cursor:pointer; text-decoration: underline;}
/*
.background-normal {background-color: #c2cfd6 !important;}
.background-alert { background-color: #ff8888 !important; color:#fff;}
.background-warning { background-color: #f8df7c !important; color:#000;}*/



.mediaDestacado:hover{ background-color:rgba(0,0,0,1); color: #ffeeba; }
.mediaDestacado{ position: absolute; top: 35px;left: 6px; padding: 4px 6px; cursor:pointer; background-color:rgba(0,0,0,0.3); color: #fff; font-size: 12px; border-radius: 4px; z-index: 2;}
.mediaDestacado.active{ background-color:rgba(0,0,0,1);color: #fff; font-size: 12px; }

.mh-min{margin-left:-22px !important; margin-right:-22px  !important;}
.equal {display: flex; flex-wrap: wrap;}