html {
  box-sizing: border-box;
}
*, *:before, *:after {
  box-sizing: inherit;
}

  a, a:focus, a:hover, a:active {outline: none} /* Firefox image outline fix */

 .modalformBox,
 .datatable-rows{-webkit-touch-callout: text;-webkit-user-select: text;-khtml-user-select: text;-moz-user-select: text;-ms-user-select: text;user-select: text;}
 .sombra{ -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);}
 .filter_info{float:right;color:#e3670a;font-size:10px; font-weight:100;}

 .tab-detail{}
 .tab-detail>div{width:100% !important;}
 .tab-detail>div>*{margin-top:15px !important;}
 .field-detail{height:auto;margin:10px;}
 
  /** basic **/
  #content{/*width:100%;*/}
  
  #content #recycle-icon {position:absolute;right:4px;top:1px;}
  
  .ui-effects-transfer { border: 2px solid black; }
  #ajax-indicator {padding:0px; margin:0px;width:18px;height:18px;position:absolute;right:42px;top:1px;}
  #ajax-indicator img{width:16px;margin:0px;}
  .tb_id,
  .datatable {position: relative;}
  .detail{position:relative;margin:2px auto 10px auto;width:97%;
          -webkit-box-shadow: 1px 3px 9px #ccc; -moz-box-shadow: 1px 3px 9px #ccc; box-shadow: 1px 3px 9px #ccc;}

  td .avatar{/*position:absolute;*/display:block;/*width:auto;*/height: 16px; margin: 0px;padding:0;border:0;/**********display:none;NONE*********/}
  td .avatar:hover {position:absolute; z-index:10000000; width:auto; height:auto; padding: 2px 2px 2px 2px; margin-top:-2px;margin-left:0px;max-height:250px;
                 background-color:#E9E9E9; background-image: -moz-linear-gradient(rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0) 95%);
                 border:1px solid #FFE2C6;border-top-left-radius:3px;border-top-right-radius:3px;border-bottom-right-radius:3px;border-bottom-left-radius:3px;
                 -moz-box-shadow:0 0 5px #144361;-webkit-box-shadow:0 0 5px #144361;box-shadow:0 0 5px #144361;}
   
  /** basic table **/
  .xdatatable-rows {position:relative; margin:5px auto 5px auto; width:100%;font-size:11px; }
  .xdatatable-rows tr{/*min-height: 21px;*//*vertical-align:middle; */padding:0;}
  .xdatatable-rows tr:hover td {}
  .xdatatable-rows tr.active td{ /*background-color: #daebfb !important;*/ }
  .xdatatable-rows tr.active td:hover{ background-color: #d9eafa; }
  .xdatatable-rows tr.active:hover td{}
  .xdatatable-rows.active tr.active td{ background-color: #9be0f9;	border:1px solid #ccc; }
  .xdatatable-rows.active tr.active:hover td{ background-color: #ace1fa;	border:1px solid #ccc; }
  .xdatatable-rows th,
  .xdatatable-rows td{ position:relative;padding:2px 3px 0px 3px; font-weight:100;/*font-size:.8em; line-height:14px; height:16px;*//*background-color: #F3F3F3;*/display: table-cell;}
  
  


/******************************** responsive *************************/
.datatable-rows {  min-width: 200px;width:100%;border-collapse:collapse; background-color:white; margin:5px auto 5px auto;}
.datatable-rows tr { transition: visibility 0s, opacity 0.1s linear; }
.datatable-rows th { display: none;}
.datatable-rows td { display: block;}
.datatable-rows td:first-child {}
.datatable-rows td:last-child {}
.datatable-rows td:before { content: attr(data-th) " ";/*": ";*/  font-weight: bold;  min-width:77px !important;  width:77px;display:inline-block; background-color:green; padding: 4px 10px 0px 10px; margin-right:10px;}
.datatable-rows th, 
.datatable-rows td:before { color: #b9b9b9;}
.datatable-rows tr.active td:before { color: #005177;}

.datatable-rows th.tb-title{font-size: 1.2em;text-align: left;color:#999999;padding: 3px 0 3px 6px;border:0px; color: #aaaaaa;}

@media (min-width: 600px) {
  .datatable-rows td:before {    display: none;  }
}

.datatable-rows th, 
.datatable-rows td {  text-align: left;}

@media (min-width: 600px) {
  .datatable-rows th, 
  .datatable-rows td {   display: table-cell; /*width:100%; display:block; */ }
  .datatable-rows th:first-child, 
  .datatable-rows td:first-child {  }
  .datatable-rows th:last-child, 
  .datatable-rows td:last-child { }
  .datatable-rows th.tb-title{border-bottom:1px solid #d7d7d7;}
}

.datatable-rows { color: #777777;  overflow: hidden;}
.datatable-rows tr {margin: 0;padding: 0; min-height: 22px;}
.datatable-rows th, 
.datatable-rows td {/*margin: 0;padding: 0;*/min-height: 22px;}

@media (min-width: 600px) {
  .datatable-rows { /*border-right:1px solid #D0D7E9;*//*display:block;*/}
  .datatable-rows th,
  .datatable-rows td { padding: 4px 4px 2px 4px;  border-right:1px solid #D0D7E9;}
  .datatable-rows th{ border-bottom:1px solid #D0D7E9;border-left:0px solid #D0D7E9;/*height:22px;*/}
  .datatable-rows td{ border-bottom:1px solid #D0D7E9;border-left:0px solid #D0D7E9;/* height:16px;*/}
  
  .datatable-rows.active tr.active td{ background-color: #9be0f9;	border:1px solid #ccc; }
  .datatable-rows.active tr.active:hover td{ background-color: #ace1fa;	border:1px solid #ccc; }

}

@media (max-width: 600px) {
  .datatable-rows { /*border-bottom:0px solid navy;border-spacing: 0px;border-collapse:collapse;*/}
  .datatable-rows tr { /*border-width:0;*/}
  .datatable-rows td:first-child {/*border-top:0px solid navy;*/}
  .datatable-rows td {/*border-bottom:1px solid #D0D7E9; *//*border-left:0px solid navy; border-right:0px solid navy;*/min-width:100%;}
  .datatable-rows td:last-child {/* border-bottom-width:0px;*/}
  .datatable-rows td:before { background-color:transparent; text-align:right;}
  .datatable-rows tr.active {border-top:1px solid navy;border-bottom:1px solid navy;}
  .datatable-rows tr:last-child.active {border-top:1px solid navy;border-bottom:2px solid navy;}
  .datatable-rows tr.active td { background-color:#e1edfb !important; min-width:100% !important;}
  .datatable-rows tr.row-empty{display:none;}
  .KKdatatable-rows td.actions {background-color:transparent;}
  .datatable-rows td.actions>div {display:inline;}
  .datatable-rows tr.active:last-child { /*border-bottom: 2px solid navy;*/}
  .datatable-rows tr:last-child.active{ /*border-bottom: 2px solid navy;*/}

  .datatable-rows tr td{height: 0px; border-width:0;padding:0; margin:0; -webkit-transition: height 0.5s linear;-moz-transition: height 0.5s linear;-ms-transition: height 0.5s linear;-o-transition: height 0.5s linear;transition: height 0.5s linear;overflow:hidden;} 
  .datatable-rows tr td:nth-child(2), /*first-child,*/
  .datatable-rows tr.active td {height: 20px;padding:2px 4px; border-width:0;  -webkit-transition: height 0.5s linear;-moz-transition: height 0.5s linear;-ms-transition: height 0.5s linear;-o-transition: height 0.5s linear;transition: height 0.5s linear;}
  
  .datatable-rows tr td:first-child{cursor:pointer;}
  .datatable-rows tr.active td:first-child{cursor:default;}

  .datatable-rows.active tr.active td{ background-color: #9be0f9;	border:0px solid #ccc; }
  .datatable-rows.active tr.active:hover td{ background-color: #ace1fa;	border:0px solid #ccc; }

}

.datatable-rows tbody tr:nth-child(odd) td {background-color: #fefefe;}
.datatable-rows tbody tr:nth-child(even)  {background-color: #F4F6F9;}
.datatable-rows tbody tr:nth-child(even) td {background-color: #F4F6F9;}
/**/
.datatable-rows tbody tr.active:nth-child(odd) td {background-color: #caf0ff;color:black;}
.datatable-rows tbody tr.active:nth-child(even) td {background-color: #caf0ff;color:black;}
/**/
.datatable-rows th,
.datatable-rows td {  border-left: 1px solid #dddddd;position:relative;}

/******************************** responsive *************************/

  .datatable-rows tr.active td{ /*background-color: #daebfb; color:black;*/}
  .datatable-rows tr.active td:hover{ background-color: #d9eafa; }
  .datatable-rows tr.active:hover td{}






  .datatable-rows td a{font-size: inherit;cursor: pointer;}
  .datatable-rows thead,
  .datatable-rows th  { background-color: #e2dedc;
                         background-image:    -moz-linear-gradient( rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0) 95%);
                         background-image: -webkit-linear-gradient( rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0) 95%);
                         background-image:         linear-gradient( rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0) 95%); }
  .datatable-rows thead{background-color: #d9d9d9;}
  .datatable-rows th.order{/*color:green !important;*/cursor: pointer;background-color: #e2dedc;}
  .datatable-rows th.asc  {color:#b60808; background: url(../../../../_images_/nav/asc.png) 99% center no-repeat;}
  .datatable-rows th.desc {color:#b60808; background: url(../../../../_images_/nav/desc.png) 99% center no-repeat;}
  .datatable-rows td>div {position:relative;display:block;font-size: inherit;}
  .datatable-rows td>div .labels {position:absolute;top:0px;right:0px;}
  .datatable-rows td.textarea{
    -o-text-overflow: ellipsis;   /* Opera */
    text-overflow:    ellipsis;   /* IE, Safari (WebKit) */
    overflow:hidden;              /* don't show excess chars */
    white-space:nowrap;           /* force single line */
    width: 250px;                 /* fixed width */
    max-width: 250px; 
    }
   .datatable-rows td.fullname{
    -o-text-overflow: ellipsis;   /* Opera */
    text-overflow:    ellipsis;   /* IE, Safari (WebKit) */
    overflow:hidden;              /* don't show excess chars */
    white-space:nowrap;           /* force single line */
    width: 120px;                 /* fixed width */
    max-width: 120px; 
    }
  .datatable-rows td.textarea *{font-size: 1em; margin: 0;padding: 0;}
  .datatable-rows textarea { /*-webkit-box-shadow: 0px 0px 0px #cccccc; -moz-box-shadow: 0px 0px 0px #cccccc; box-shadow: 0px 0px 0px #cccccc;*/}



  /** default **/
  .datatable-rows td input{ margin:0; padding:0;/*font-size:.8em;*/border-radius:0px;}
  .datatable-rows td select,
  .datatable-rows td select option{margin:0px;border:0px;height: inherit;/*font-size:.9em;*/}
  .datatable-rows td .labels{float:right;margin-bottom:2px;} 
  .datatable-rows td .label {margin-left:2px;font-size:11px;background-color:#E9E9E9;vertical-align:middle;padding:2px 3px;
                            font-family: Montserrat,'Segoe UI Semilight', 'Open Sans', Verdana, Arial, Helvetica, sans-serif;font-weight:300; color:#ffffff; text-shadow: 0px 2px 2px rgb(0 0 0 / 35%);
       /**/ background-image: -moz-linear-gradient( rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0) 95%);
           background-image: -webkit-linear-gradient( rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0) 95%);
           background-image: linear-gradient( rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0) 95%);      /**/                     }

   .NORLdatatable-rows td .label {
    margin-left: 2px;
    font-size: 11px;
    background-color: #E9E9E9;
    vertical-align: middle;
    padding: 2px 3px;
    font-family: Montserrat,'Segoe UI Semilight', 'Open Sans', Verdana, Arial, Helvetica, sans-serif;
    font-weight: 300;
    text-shadow: 0px 5px 5px rgb(0 0 0 / 35%);
    color: #ffffff;
    background-image: -moz-linear-gradient( rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0) 95%);
    /* background-image: -webkit-linear-gradient( rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0) 95%); */
    /* background-image: linear-gradient( rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0) 95%); */
   }

  /*.datatable-rows */
  .datatable-rows td.editable { padding: 0px 0px 0px 0px;position:relative;}
  .datatable-rows td.editable-select { padding: 0px 0px 0px 0px;}
  .datatable-rows td select{}
  .datatable-rows td select,
  .datatable-rows td textarea{border-radius:0px;margin:0;top:0px;width:100%;min-width:100%;height:100%;}
  .datatable-rows .editable.textarea{padding:0; }
  .datatable-rows td.editable-select select,
  .datatable-rows td.editable input{ padding: 0px 0px 0px 0px;position:absolute;top:0;left:0;bottom:0;right:0;border:1px solid #efefef;border-radius:0;outline:1px solid red;}

  /** actions image links **/
  .datatable-rows td.actions {width:0px;min-width:52px;}
  .datatable-rows td.actions>div {margin:0;padding:0;/**********display:none;NONE*********/}
  .datatable-rows td.actions img{ display:none;}
  .datatable-rows tr.active td.actions img {  display:inline; text-align:right;}
  .datatable-rows td.actions img {height:12px; margin:0px 0 0px 2px;}
  

  /** cell types **/
  .datatable-rows .cell-date{width:60px;max-width:90px;white-space:nowrap;/*font: 1em/1em 'Arial Narrow', Arial, sans-serif;*/font-stretch:condensed;}
  .datatable-rows .cell-time{width:48px;max-width:40px;white-space:nowrap;/*font: 1em/10em 'Arial Narrow', Arial, sans-serif;*/font-stretch:condensed;}
  .datatable-rows .cell-datetime{width:90px;max-width:90px;/*font: 1em/1em 'Arial Narrow', Arial, sans-serif;vertical-align:middle;*/white-space:nowrap;font-stretch:condensed;}
  .datatable-rows .cell-decimal,
  .datatable-rows .cell-float{/*width:100px;*/max-width:100px;text-align:right;font-family:Monaco,Monospace,Consolas,'Courier new';font-size:0.8em;}
  
  .datatable-rows .cell-bool {width:30px;max-width:30px; padding-left:0px;}
  .datatable-rows .cell-bool span{width:30px;max-width:30px;text-align:center;/*color:transparent !important;*/font-size:0em;margin-left:0px;}
/*
  .datatable-rows .cell-bool.checked   span{display:block;width:100%;height:100%;background:  url(../../../../_images_/famfam/yes.png);background-repeat:no-repeat; background-position:center center;}
  .datatable-rows .cell-bool.unchecked span{display:block;width:100%;height:100%;background:  url(../../../../_images_/famfam/yes_gray.png);background-repeat:no-repeat; background-position:center center;}

  */

  .datatable-rows .cell-bool.checked   ,
  .datatable-rows .cell-bool.unchecked {text-align:center;color:transparent}
  .datatable-rows .cell-bool.checked   i{font-size:15px;/*display:block;width:100%;height:100%;*/color:#00d500;}
  .datatable-rows .cell-bool.unchecked i{font-size:15px;/*display:block;width:100%;height:100%;*/color: #d3d3d3;}
  
  .datatable-rows .cell-bool.online {  height:16px !important;font-size:0px;line-height:0px;}

  .datatable-rows .cell-bool.online i{color:transparent; height:16px;}
  .datatable-rows .cell-bool.online.checked   i{display:block;background:  url(../../../../_images_/leds/Dark_Green.png);background-repeat:no-repeat; background-position:center center; background-size:cover;}
  .datatable-rows .cell-bool.online.unchecked i{display:block;background:  url(../../../../_images_/leds/Blank.png);background-repeat:no-repeat; background-position:center center; background-size:cover;}

  .datatable-rows .cell-color{width:80px;max-width:80px;background-image: -moz-linear-gradient(rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0) 95%);}
  .datatable-rows .unread td{font-weight: bold;}
/**
  .datatable-rows .priority-1 td{color:#948594 !important;}
  .datatable-rows .priority-2 td{/ *background-color:#215E8F;* /}
  .datatable-rows .priority-3 td{color:#FF0000 !important;}
  .datatable-rows .priority-4 td{color:#FF0000;background-color:#FFC6C6 !important;}
  .datatable-rows .priority-4.active td{color:#FF0000;background-color:#FFA4A4 !important;}
  .datatable-rows .priority-4.active td:hover{color:#FF0000;background-color:#e88888 !important;}
  .datatable-rows.active .priority-4.active td{ background-color: #FFA4A4 !important;	border:1px solid #ccc; }
  .datatable-rows.active .priority-4.active:hover td{ background-color: #e88888 !important;	border:1px solid #ccc; }
**/
  /** inline edits **/
  .datatable-rows .edit-cell{width:30px;font-size:0.6em;	display:inline; float:right;position:absolute; margin-left: -30px;}
  .datatable-rows .edit-cell a{	font-weight:bold;font-size:1em;}
  .datatable-rows .edit-cell a img{	margin:2px 0 0 0; width:12px;}
  .datatable-rows a.discardChanges{	color:#C00;}
  .datatable-rows a.saveChanges{	color:#4DB209;}
  .datatable-rows .editable-select {min-width:80px;}
  .datatable-rows .editable-select .edit-cell{display:none;}
  
  /** footer: pagination, buttons **/
  .datatable-rows .table-footer{/*min-height:34px !important;height:34px !important;*/}
  .datatable-rows .table-footer th,
  .datatable-rows .table-footer td{/*font-weight:bold;text-align:center;padding-top:0px;*/}
  .datatable-rows .table-footer th:hover,
  .datatable-rows .table-footer td:hover{}
  .datatable-rows .table-footer th{/*padding:0px 6px 0 4px;*/height: 28px;}

.cell_THUMBNAIL {padding-top:2px !important;}
.cell_THUMBNAIL img{max-height:17px;}






















.row_editing_on td {color:red;}

  /*
  .column_ISSUE_ID,
  .column_NAME{color:yellow;font-weight:bold;background-color:red;}
*/
  .div_empty{position: absolute;top:60px; left:10px; right:10px; bottom:50px;z-index: 1;
             -moz-opacity:0.2;opacity:.20;filter:alpha(opacity=20); /*border:5px solid #c9c9c9;*/ background-color: rgba(200, 200, 200, 0.6);/*border-radius:5px;*/}
  .div_empty p{text-align: center;line-height:1.8em;margin-top:0;font-size: 36px; font-weight: bolder;border:3px solid #ff0099;}

 /** dialog **/
 .dialog-confirm-delete,
 .dialog-confirm-save{display:none;}
 .dialog-confirm-save{height:70px;}
 #dialog-confirm-save{height:70px;}
 .ui-dialog{ width:400px;}



.font-size-50,
.font-size-45,
.font-size-40,
.font-size-35,
.font-size-30,
.font-size-25,
.font-size-10,
.font-size-10{font-stretch: condensed;}


.font-size-50{font: 0.45em/0.45em 'Arial Narrow', Arial, sans-serif !important;}
.font-size-45{font: 0.50em/0.50em 'Arial Narrow', Arial, sans-serif !important;}
.font-size-40{font: 0.55em/0.55em 'Arial Narrow', Arial, sans-serif !important;}
.font-size-35{font: 0.60em/0.60em 'Arial Narrow', Arial, sans-serif !important;}
.font-size-30{font: 0.65em/0.65em 'Arial Narrow', Arial, sans-serif !important;}
.font-size-25{font: 0.70em/0.70em 'Arial Narrow', Arial, sans-serif !important;}
.font-size-20{font: 0.75em/0.75em 'Arial Narrow', Arial, sans-serif !important;}
.font-size-15{font: 0.85em/0.85em 'Arial Narrow', Arial, sans-serif !important;}
.font-size-10{font: 0.90em/0.90em 'Arial Narrow', Arial, sans-serif !important;}
.font-size-5 { }
/*
    -o-text-overflow: ellipsis;   
    text-overflow:    ellipsis;   
    overflow:hidden;              
    white-space:nowrap;           
    width: 250px;                 
    max-width: 250px; 
*/



.drawingpix{position:absolute;top:-50px;left:-50px; z-index: 1000;
            border-radius:100px;-moz-border-radius:100px;-webkit-border-radius:100px;}

/*background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAsCAMAAAApWqozAAAAElBMVEXOzs7k5OTS0tLf39/X19fb29tvzHP/AAAAeklEQVR42u2TwQrAIAxDk+n+/5c3MOIh9pCrKGjlIW1NCcC5wLUq+uj2x6Zr456C7CR1vtS5pxhBgF17TzEKNM6yasDo6t+/5jTLnPWcqBHqHEwwewHUtZ2i/pVT1Ho5RT0Jpyhm7DTLnPWcqZHonE3wuvu6+7r7VHd/WSYJ6QEaQcoAAAAASUVORK5CYII=);*/
.circlelogo{background: url(../../../media/fotos/images/logo.png); background-size: cover;}
.circlelogo2{background: url(../../../media/fotos/images/logo.png); background-size:contain;background-repeat: no-repeat;background-position: center center;}

.inner_popup{display:none;position:fixed;text-align:center;z-index:1002;padding:10px;width:150px;height:30px;border:2px solid;border-color:#CCCCCC;background-color:white;vertical-align:middle;}
.outer_popup{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background-color:black;z-index:1001;-moz-opacity:0.8;opacity:.70;filter:alpha(opacity=80);text-align:center;}



#debug{overflow:auto;font-size:0.7em; position:absolute; width:400px; height:400px;  bottom:10px;  left:1px;   display:none;  z-index:10000;  }
#slbtn{position:absolute;  top:270px;  left:1px;display:none; }
#clockDiv {position:fixed;top:30px;right:10px;background-color:black;padding:1px 5px;font-family:Monaco;font-size:0.8em;}
.clockblue {color:#FFFF00;}
.clockgreen {color:#80FF80;}


@-webkit-keyframes glowGreen{from{-webkit-box-shadow:rgba(0,255,0,0) 0 0 0;}50%{-webkit-box-shadow:rgba(0,255,0,1) 0 0 10px;}to{-webkit-box-shadow:rgba(0,255,0,0) 0 0 0;}}
@-webkit-keyframes glowRed  {from{-webkit-box-shadow:rgba(255,0,0,0) 0 0 0;}50%{-webkit-box-shadow:rgba(255,0,0,1) 0 0 10px;}to{-webkit-box-shadow:rgba(255,0,0,0) 0 0 0;}}
#connection {position:fixed;top:10px;right:10px;width:10px;height:10px;font-family:Monaco;font-size:0.8em;color:transparent; margin:0; padding:0;}
#connection div {position:absolute; top:0px; left:0px; background-color:orange;width:10px;height:10px;display:inline-block;border-radius:10px;margin-left:0px;margin:0; padding:0;
                -webkit-animation-duration: 2s;-webkit-animation-iteration-count:infinite; -webkit-animation-timing-function:linear;}
#connection.connected div {background-color: green;-webkit-box-shadow:rgba(0, 255, 0, 0.5) 0px 0px 5px;-webkit-animation-name: glowGreen;}
#connection.disconnected div {background-color: red;-webkit-box-shadow:rgba(255, 0, 0, 0.5) 0px 0px 5px;-webkit-animation-name: glowRed;}


.ui-timepicker-div .ui-widget-header { margin-bottom: 8px; }
.ui-timepicker-div dl { text-align: left; }
.ui-timepicker-div dl dt { height: 25px; margin-bottom: -25px; }
.ui-timepicker-div dl dd { margin: 0 10px 10px 65px; }
.ui-timepicker-div td { font-size: 90%; }
.ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; }

.ui-timepicker-rtl{ direction: rtl; }
.ui-timepicker-rtl dl { text-align: right; }
.ui-timepicker-rtl dl dd { margin: 0 65px 10px 10px; }

.datatable .warning{margin: 30px;}



/**************************************/
 .column .filter_info{display: none;/*float:right;color:#e3670a;font-size:10px; font-weight:100;*/ }
 .column{ background-color: transparent; border-collapse: sepatate;border-spacing:0;margin-top:5px; }
 
 .column.center{ border-right:6px solid #dbeaf6;width:100%; }
 .column.left  { border-right:6px solid #dbeaf6;width:100%; }
 .column.right { border-left: 1px solid #dbeaf6;width:100%; margin-left:-1px;}

 .column th.order{cursor: pointer;font-weight: 300;}
 .column th.asc  {color:#b60808 !important; background: url(../../../../_images_/nav/asc.png) 99% center no-repeat;}
 .column th.desc {color:#b60808 !important; background: url(../../../../_images_/nav/desc.png) 99% center no-repeat;}

 .column th,
 .column td{color: #777777;font-size: .9em;font-weight: 300;font-family:Montserrat,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Droid Sans,Helvetica Neue,sans-serif;}
 .column.left  td{border-right: 1px solid #eee;}
 .column.right td{border-left:  1px solid #eee;}
 .column tbody td{/**padding:2px 4px 2px 4px;**/padding: 1px 4px 0px 4px;}
 .column tfoot td{padding:0px;}

 .column thead tr{ background-color: transparent;height: 21px;padding:0 2px 0 0;}
 .column tbody tr{ background-color: transparent;height: 21px;}
 .column tfoot tr{ background-color: transparent;height: 28px;padding:0 2px 0 0;}
 .column tr.active{background-color: #dbeaf6;   }

 .column.left  tr.active td{border-right: 1px solid #dbeaf6;} 
 .column.right tr.active td{border-left:  0px solid #dbeaf6; } 
 .column       tr.active td{border-top:1px solid #73b1e5;border-bottom:1px solid #73b1e5;color: #333;background-color: #dbeaf6;} 

 .column.left tr th:last-child,
 .column.left tr td:last-child{border-right: 1px solid #73b1e5;} 
   
 .column.right tr th:first-child,
 .column.right tr td:first-child{border-left: 1px solid #73b1e5;} 
    
 .column.left  tr.active td:last-child {border-right: 1px solid #dbeaf6;} 
 .column.right tr.active td:first-child{border-left:  1px solid #dbeaf6;} 

 .column.center tr th:first-child,
 .column.center tr td:first-child{border-left: 1px solid #73b1e5;} 
 .column.center tr th:last-child,
 .column.center tr td:last-child{border-right: 1px solid #73b1e5;} 
 .column.center tr.active td:last-child {border-right: 1px solid #dbeaf6;} 
 .column.center tr.active td:first-child{border-left:  1px solid #dbeaf6;} 

.column tr td:first-child{ } 
.column.left tr.active td:first-child{background-color: #dbeaf6; 
  border-top:1px solid #73b1e5;border-bottom: 1px solid #73b1e5;border-left: 2px solid #73b1e5;
  border-top-left-radius:2px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:2px;}
.column.right tr.active td:last-child{background-color: #dbeaf6; 
  border-top:1px solid #73b1e5;border-bottom: 1px solid #73b1e5;border-right: 2px solid #73b1e5;
  border-top-right-radius:2px;border-top-left-radius:0px;border-bottom-left-radius:0px;border-bottom-right-radius:2px;}

.column thead tr,
.column tfoot tr{background-color: #d9d9d9;border-color: transparent;border-top: 1px solid #73b1e5;border-bottom: 0px solid #73b1e5;}

.column thead tr th   {border-top: 1px solid #d2d2d2;}
.column thead tr th:first-child   {border-top: 0px solid #d2d2d2;}

.column.left tr th:first-child,
.column.left tr td:first-child{border-left: 1px solid #ccc;} 
.column.right tr th:last-child,
.column.right tr td:last-child{border-right: 1px solid #ccc;} 
.column tfoot tr th{
  border-bottom:0px solid #aaa;
	border-left: 1px solid #aaa;
	border-right: 1px solid #aaa;
 	border-top-right-radius:0px;
 	border-top-left-radius:0px;
 	border-bottom-left-radius:2px;
 	border-bottom-right-radius:2px;}


.column th.tb-title{font-size: 1.1em;text-align: left;color:#999999;padding: 3px 0 3px 6px;border:0px; color: #aaaaaa;font-weight:300;
	border-top:1px solid #aaa;border-left: 1px solid #aaa;border-right: 1px solid #aaa;
 	border-top-right-radius:2px;border-top-left-radius:2px;border-bottom-left-radius:0px;border-bottom-right-radius:0px;}   
	 
.column thead,
.column th  { background-color: #e2dedc; }
.column thead tr:last-child th ,
.column NOtfoot tr th  { /*
            background-image:    -moz-linear-gradient( rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0) 95%);
            background-image: -webkit-linear-gradient( rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0) 95%);
            background-image:         linear-gradient( rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0) 95%); */}
.column thead{background-color: #d9d9d9;}

.column td.actions {width:0px;min-width:52px;}
.column td.actions img{ display:none;}
.column tr.active td.actions img {  display:inline; text-align:right;}
.column td.actions img {height:12px; margin:0px 0 4px 2px;}
/*
.column .cell-bool {width:30px;max-width:30px; padding-left:0px;}
.column .cell-bool span{width:30px;max-width:30px;text-align:center;font-size:0em;margin-left:0px;}
.column .cell-bool.checked   span{display:block;background:  url(../../../../_images_/famfam/yes.png);background-repeat:no-repeat; background-position:center center;}
.column .cell-bool.unchecked span{display:block;background:  url(../../../../_images_/famfam/yes_gray.png);background-repeat:no-repeat; background-position:center center;}
*/

  .column .cell-bool.checked   ,
  .column .cell-bool.unchecked {text-align:center;color:transparent}
  .column .cell-bool.checked   i{font-size:15px;/*display:block;width:100%;height:100%;*/color:#00d500;}
  .column .cell-bool.unchecked i{font-size:15px;/*display:block;width:100%;height:100%;*/color: #d3d3d3;}


.column td.fullname{
    -o-text-overflow: ellipsis;   /* Opera */
    text-overflow:    ellipsis;   /* IE, Safari (WebKit) */
    overflow:hidden;              /* don't show excess chars */
    white-space:nowrap;           /* force single line */
    width: 120px;                 /* fixed width */
    max-width: 120px; 
    }

/**************************************/

/**************

.table th,
.table td {  padding: 2px 8px !important; text-align: left;  vertical-align: top;  border-top: 1px solid #dddddd;}

*****/
/*******

table {  max-width: 100%;  background-color: transparent;  border-collapse: collapse;  border-spacing: 0;}
.table {  width: 100%;  margin-bottom: 20px;}
	
.table th {  font-weight: bold;}
.table thead th {  vertical-align: bottom;}
.table caption + thead tr:first-child th,
.table caption + thead tr:first-child td,
.table colgroup + thead tr:first-child th,
.table colgroup + thead tr:first-child td,
.table thead:first-child tr:first-child th,
.table thead:first-child tr:first-child td {  border-top: 0;}
.table tbody + tbody {  border-top: 2px solid #dddddd;}
.table-condensed th,
.table-condensed td { padding: 4px 5px;}
.table-bordered {  border: 1px solid #dddddd;  border-collapse: separate;  *border-collapse: collapse;  border-left: 0;  -webkit-border-radius: 4px;  -moz-border-radius: 4px;  border-radius: 4px;}

.table-bordered caption + thead tr:first-child th,
.table-bordered caption + tbody tr:first-child th,
.table-bordered caption + tbody tr:first-child td,
.table-bordered colgroup + thead tr:first-child th,
.table-bordered colgroup + tbody tr:first-child th,
.table-bordered colgroup + tbody tr:first-child td,
.table-bordered thead:first-child tr:first-child th,
.table-bordered tbody:first-child tr:first-child th,
.table-bordered tbody:first-child tr:first-child td {  border-top: 0;}
.table-bordered thead:first-child tr:first-child th:first-child,
.table-bordered tbody:first-child tr:first-child td:first-child {  -webkit-border-top-left-radius: 4px;  border-top-left-radius: 4px;  -moz-border-radius-topleft: 4px;}
.table-bordered thead:first-child tr:first-child th:last-child,
.table-bordered tbody:first-child tr:first-child td:last-child {  -webkit-border-top-right-radius: 4px;  border-top-right-radius: 4px;  -moz-border-radius-topright: 4px;}
.table-bordered thead:last-child tr:last-child th:first-child,
.table-bordered tbody:last-child tr:last-child td:first-child,
.table-bordered tfoot:last-child tr:last-child td:first-child {  -webkit-border-radius: 0 0 0 4px;  -moz-border-radius: 0 0 0 4px;  border-radius: 0 0 0 4px;  -webkit-border-bottom-left-radius: 4px;  border-bottom-left-radius: 4px;  -moz-border-radius-bottomleft: 4px;}
.table-bordered thead:last-child tr:last-child th:last-child,
.table-bordered tbody:last-child tr:last-child td:last-child,
.table-bordered tfoot:last-child tr:last-child td:last-child {  -webkit-border-bottom-right-radius: 4px;  border-bottom-right-radius: 4px;  -moz-border-radius-bottomright: 4px;}
.table-bordered caption + thead tr:first-child th:first-child,
.table-bordered caption + tbody tr:first-child td:first-child,
.table-bordered colgroup + thead tr:first-child th:first-child,
.table-bordered colgroup + tbody tr:first-child td:first-child {  -webkit-border-top-left-radius: 4px;  border-top-left-radius: 4px;  -moz-border-radius-topleft: 4px;}
.table-bordered caption + thead tr:first-child th:last-child,
.table-bordered caption + tbody tr:first-child td:last-child,
.table-bordered colgroup + thead tr:first-child th:last-child,
.table-bordered colgroup + tbody tr:first-child td:last-child {  -webkit-border-top-right-radius: 4px;  border-top-right-radius: 4px;  -moz-border-radius-topright: 4px;}
.table-striped tbody tr:nth-child(odd) td,
.table-striped tbody tr:nth-child(odd) th {  background-color: #f9f9f9;}
.table-hover tbody tr:hover td,
.table-hover tbody tr:hover th {  background-color: #f5f5f5;}
table td[class*="span"],
table th[class*="span"],
.row-fluid table td[class*="span"],
.row-fluid table th[class*="span"] {  display: table-cell;  float: none;  margin-left: 0;}
.table td.span1,
.table th.span1 {  float: none;  width: 44px;  margin-left: 0;}
.table td.span2,
.table th.span2 {  float: none;  width: 124px;  margin-left: 0;}
.table td.span3,
.table th.span3 {  float: none;  width: 204px;  margin-left: 0;}
.table td.span4,
.table th.span4 {  float: none;  width: 284px;  margin-left: 0;}
.table td.span5,
.table th.span5 {  float: none;  width: 364px;  margin-left: 0;}
.table td.span6,
.table th.span6 {  float: none;  width: 444px;  margin-left: 0;}
.table td.span7,
.table th.span7 {  float: none;  width: 524px;  margin-left: 0;}
.table td.span8,
.table th.span8 {  float: none;  width: 604px;  margin-left: 0;}
.table td.span9,
.table th.span9 {  float: none;  width: 684px;  margin-left: 0;}
.table td.span10,
.table th.span10 {  float: none;  width: 764px;  margin-left: 0;}
.table td.span11,
.table th.span11 {  float: none;  width: 844px;  margin-left: 0;}
.table td.span12,
.table th.span12 {  float: none;  width: 924px;  margin-left: 0;}
.table tbody tr.success td {  background-color: #dff0d8;}
.table tbody tr.error td {  background-color: #f2dede;}
.table tbody tr.warning td {  background-color: #fcf8e3;}
.table tbody tr.info td {  background-color: #d9edf7;}
.table-hover tbody tr.success:hover td {  background-color: #d0e9c6;}
.table-hover tbody tr.error:hover td {  background-color: #ebcccc;}
.table-hover tbody tr.warning:hover td {  background-color: #faf2cc;}
.table-hover tbody tr.info:hover td {  background-color: #c4e3f3;}

**/


/****************
a:focus{outline:none;}
ul,ol{padding:0;margin:0px;}
label,input,button,select,textarea{line-height:20px;}
label{ margin-bottom:0px;padding-top:2px;}
input[type="text"],
textarea,
.uneditable-input{width:auto;height:20px;padding:0px;margin-bottom:2px;font-size:13px;line-height:20px;}
select{width:auto;height:22px;padding:2px;margin-bottom:2px;font-size:13px;line-height:20px;}
textarea{height:auto !important;}
input[type="file"]{height:20px;margin-top:0px;line-height:20px;}
input[type="file"]{line-height:20px \9;}
select,
input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus,
select:focus{outline:none;}
input[type="text"],  input[type="password"],input[type="datetime"],input[type="datetime-local"],input[type="date"],
input[type="month"], input[type="time"],    input[type="week"],    input[type="number"],        input[type="email"], 
input[type="search"],input[type="tel"],     input[type="color"],   input[type="url"],           .uneditable-input
{display:inline-block;height:20px;padding:0px;margin-bottom:0px;font-size:13px;line-height:20px;width:auto;}
******/

.uneditable-input{/*background-color:#f2f2f2;color:gray;*/
    background-color: #f4f4f4;/*-internal-light-dark(rgba(239, 239, 239, 0.3), rgba(59, 59, 59, 0.3));*/
    border-color: rgba(118, 118, 118, 0.3);
    border-width:1px;
    padding: 1px 2px;
    color: -internal-light-dark(rgb(84, 84, 84), rgb(170, 170, 170));
    cursor: default;
}
.table-level tr,
.table-level td,
.table-level div{margin:0 !important;padding:0 !important;}

.datatable-rows .row-hidden,
.table-level  .row-hidden{display: none;}
.table-level .level-1 td{background-color: #f3f3f3 !important;}
.table-level .level-2 td{background-color: #eae9e9 !important;}
.table-level .level-3 td{background-color: #e1e1e1 !important;}
.table-level .level-4 td{background-color: #d8d8d8 !important;}
.table-level .level-5 td{background-color: #c9c9c9 !important;}
.table-level .level-6 td{background-color: #b9b9b9 !important;}
/****/
.table-level .level-2:first-child td,
.table-level .level-3:first-child td,
.table-level .level-4:first-child td,
.table-level .level-5:first-child td,
.table-level .level-6:first-child td{-webkit-box-shadow: inset 2px 121px 8px -119px rgba(0,0,0,0.75);-moz-box-shadow: inset 2px 121px 8px -119px rgba(0,0,0,0.75);box-shadow: inset 2px 121px 8px -119px rgba(0,0,0,0.75);}
/**/
.table-level{}
.table-level td{height: 16px;}


.table-level tr {   -webkit-transition: all 1s ease-in-out;
  -moz-transition: all 1s ease-in-out;
  -o-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;  }


/*********************/

.info, .success, .alert, .error, .warning {display:inline-block;
  border: 1px solid;
  background-repeat: no-repeat;
  background-position: 10px center;
  webkit-border-radius: 4px; -moz-border-radius: 4px;  border-radius: 4px;
}

span.info, span.success, span.alert, span.error, span.warning {padding:1px 5px 1px 55px;}
div.info, div.success, div.alert, div.error, div.warning {padding:1px 10px 1px 55px;  clear:both;margin-bottom:5px;display:block;}

div.info>p, div.success>p, div.alert>p, div.error>p, div.warning>p,
div.info>div, div.success>div, div.alert>div, div.error>div, div.warning>div{/*margin-left:55px;*/}

.info     {/*color: #00529B; background-color: #BDE5F8; */background-image: url('/_images_/dialogs/info.png');   color: #3a87ad; background-color: #d9edf7; border-color: #bce8f1;}
.success  {/*color: #4F8A10; background-color: #DFF2BF; */background-image: url('/_images_/dialogs/success.png'); color: #468847; background-color: #dff0d8; border-color: #d6e9c6;}
.warning  {color: #9F6000; background-color: #FEEFB3; background-image: url('/_images_/dialogs/alert.png');}
.error    {color: #D8000C; background-color: #FFBABA; background-image: url('/_images_/dialogs/error.png'); color: #b94a48;  background-color: #f2dede;  border-color: #eed3d7;}
.alert    {/*color: #9F6000; background-color: #FEEFB3;*/ background-image: url('/_images_/dialogs/alert.png'); color: #c09853; background-color: #fcf8e3; border-color: #fbeed5;}
.info    p { color: #3a87ad;}
.success p { color: #468847;}
.warning p { }
.error   p { color: #b94a48; }
.alert   p { color: #c09853;}

.datatable-rows .cell-bool.online.checked{background-repeat:no-repeat; background-position:center center; background-size:cover;}
.datatable-rows .cell-bool.online.unchecked{background-repeat:no-repeat; background-position:center center; background-size:cover;}

.search-form-input input,
.pagination a,
.r-tabs a,
.datatable-rows th ,
.datatable-rows td { font-weight:300;font-size:12px;font-family:Montserrat,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Droid Sans,Helvetica Neue,sans-serif;}
.datatable-rows th {font-weight:500;}
.datatable-rows thead, 
.datatable-rows th {
.pagination tfoot { height:20px !important; overflow:hidden;}

background-color: #e2dedc;
background-image: none !important;
background-image: none !important;
background-image: none !important; 
}


.pagination ul li a {
    text-decoration: none;
    padding: 0 6px !important;
    color: #666;
    cursor: pointer;
    vertical-align: bottom;
    margin: 0 !important;
    min-width: 14px;
    line-height: 24px;
    height: auto; 
    display: block;
    text-align: center;
    border-top: 3px solid transparent !important;
    border-bottom: 1px solid transparent !important; 
    border-right: 1px solid transparent !important;
    background-image: none !important; 
    background-image: none !important; 
    background-image: none !important; 
}
.pagination a.nav_active {
    background-color: #71d4ff;
}
.datatable-rows  .pagination {
    position: absolute;
    top: 0px !important;
    right: -1px !important;
    bottom:0px !important;
    display: inline-block;
    border: 0px;
}

.datatable-rows th.asc  {color:#b60808; background: url(../../../../_images_/nav/asc.png) 99% center no-repeat !important;}
.datatable-rows th.desc {color:#b60808; background: url(../../../../_images_/nav/desc.png) 99% center no-repeat !important;}



.deleted{ text-decoration:line-through;color:#dbcecc;}
.deleted td{background-color:#efefef !important;color:#d9d9d9 !important;/*text-shadow: 0 0 2px rgba(0,0,0,0.5);*/}
.deleted td a{display:none;}
.deleted .actions>*{display:none;}
/***********#fbec8f**********/

.match0{background-color:#f8dda9;border:1px solid #edd19b;}
.match1{background-color:#FFFF00;border:1px solid #e5e52f;}
.match2{background-color:#00F4F4;border:1px solid #3cc5c5;}
.match3{background-color:#FF00FF;border:1px solid #b135b1;}
.match4{background-color:#00FF00;border:1px solid #359c35;}
.match5{background-color:#0080FF;border:1px solid #4878a9;}
.match1,
.match2,
.match3,
.match4,
.match5{font-size: inherit;margin:-1px;-moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px;}


  .image_in_row img{/*position:absolute;*/display:block;/*width:auto;*/height: 50px; margin: 0px;padding:0;border:0;/**********display:none;NONE*********/}
  /*
  .image_in_row img:hover {position:absolute; z-index:10000000; min-width:150px; min-height:100px; padding: 2px 2px 2px 2px; margin-top:-2px;margin-left:0px;max-height:250px;
                 background-color:#E9E9E9; background-image: -moz-linear-gradient(rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0) 95%);
                 border:1px solid #FFE2C6;border-top-left-radius:3px;border-top-right-radius:3px;border-bottom-right-radius:3px;border-bottom-left-radius:3px;
                 -moz-box-shadow:0 0 5px #144361;-webkit-box-shadow:0 0 5px #144361;box-shadow:0 0 5px #144361;}
                 */

#T-CLI_PAGES_FILES{/*column-count:5;
    -moz-column-count:5;
    -webkit-column-count:5;
    width:100%;
    height:600pxmargin-top:10px;*/
    }
/*
#CLI_PAGES_FILES {position: relative; min-height: 200px;white-space: inherit !important;}
#CLI_PAGES_FILES tbody{position: absolute; left: 0px;    right: 0px;    top: 29px;    bottom: 0px;overflow:scroll;}
#CLI_PAGES_FILES td{padding:0;width:50%;}
#CLI_PAGES_FILES td.cell_file_name{}
*/

.ajax-loader{ position:absolute;top:0px; right:0px; bottom:0px; left:0px;display:none;background-color:rgba(144,144,144,0.2);}
.ajax-loader .loader{ z-index: 444444;}
.waiting{
	animation: spin 1s linear infinite;
}

@keyframes spin{
	from { transform: rotate(0deg);   opacity: 0.2; }
	50%  { transform: rotate(180deg); opacity: 1.0; }
	to   { transform: rotate(360deg); opacity: 0.2; }
}

.loader {transform: rotate(165deg);}
.loader:before, 
.loader:after  {content: '';position: absolute;top: 50%;left: 50%;display: block;width: 0.5em;height: 0.5em;border-radius: 0.25em;transform:translate(-50%, -50%);}
.loader:before {animation: before 2s infinite;}
.loader:after  {animation: after 2s infinite;}

@keyframes before {
  0%   { width: 0.5em; box-shadow: 1em -0.5em rgba(225, 20, 98, 0.75), -1em 0.5em rgba(111, 202, 220, 0.75);  }
  35%  { width: 2.5em; box-shadow: 0 -0.5em rgba(225, 20, 98, 0.75), 0 0.5em rgba(111, 202, 220, 0.75);  }
  70%  { width: 0.5em; box-shadow: -1em -0.5em rgba(225, 20, 98, 0.75), 1em 0.5em rgba(111, 202, 220, 0.75);  }
  100% { box-shadow: 1em -0.5em rgba(225, 20, 98, 0.75), -1em 0.5em rgba(111, 202, 220, 0.75);  }
}
@keyframes after {
  0%   { height: 0.5em; box-shadow: 0.5em 1em rgba(61, 184, 143, 0.75), -0.5em -1em rgba(233, 169, 32, 0.75); }
  35%  { height: 2.5em; box-shadow: 0.5em 0 rgba(61, 184, 143, 0.75), -0.5em 0 rgba(233, 169, 32, 0.75); }
  70%  { height: 0.5em; box-shadow: 0.5em -1em rgba(61, 184, 143, 0.75), -0.5em 1em rgba(233, 169, 32, 0.75); }
  100% { box-shadow: 0.5em 1em rgba(61, 184, 143, 0.75), -0.5em -1em rgba(233, 169, 32, 0.75); }
}

.loader { position: absolute;  top: calc(50% - 1.25em);  left: calc(50% - 1.25em);}

@keyframes yellowfade {
  from {background: yellow;}
  to {background: transparent;}
}

.input-inline{margin-left:5px !important;position:relative !important;}
.input-inline label{width:auto !important;position:relative !important;display:inline-block;top:0px !important;}
.input-inline input{margin-left:5px !important;display:inline-block;}