/* CHAT */
.navbar-nav>.notifications-menu>.dropdown-menu, .navbar-nav>.messages-menu>.dropdown-menu, .navbar-nav>.tasks-menu>.dropdown-menu {
  width: 350px !important;
}
.navbar-nav > .notifications-menu > .dropdown-menu > li .chat,
.navbar-nav > .messages-menu > .dropdown-menu > li .chat,
.navbar-nav > .tasks-menu > .dropdown-menu > li .chat {
  max-height: 500px;
  height:500px;
  margin: 0;
  padding: 0;
  list-style: none;
  overflow-x: hidden;
}
.navbar-nav > .notifications-menu > .dropdown-menu > li .chat > li > a,
.navbar-nav > .messages-menu > .dropdown-menu > li .chat > li > a,
.navbar-nav > .tasks-menu > .dropdown-menu > li .chat > li > a {
  display: block;
  white-space: nowrap;
  /* Prevent text from breaking */
  border-bottom: 1px solid #f4f4f4;
}
.navbar-nav > .notifications-menu > .dropdown-menu > li .chat > li > a:hover,
.navbar-nav > .messages-menu > .dropdown-menu > li .chat > li > a:hover,
.navbar-nav > .tasks-menu > .dropdown-menu > li .chat > li > a:hover {
  background: #f4f4f4;
  text-decoration: none;
}
.navbar-nav > .notifications-menu > .dropdown-menu > li .chat > li > a {
  color: #444444;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 10px;
}
.navbar-nav > .notifications-menu > .dropdown-menu > li .chat > li > a > .glyphicon,
.navbar-nav > .notifications-menu > .dropdown-menu > li .chat > li > a > .fa,
.navbar-nav > .notifications-menu > .dropdown-menu > li .chat > li > a > .ion {
  width: 20px;
}
.navbar-nav > .messages-menu > .dropdown-menu > li .chat > li > a {
  margin: 0;
  padding: 10px 10px;
}
.navbar-nav > .messages-menu > .dropdown-menu > li .chat > li > a > div > img {
  margin: auto 10px auto auto;
  width: 40px;
  height: 40px;
}
.navbar-nav > .messages-menu > .dropdown-menu > li .chat > li > a > h4 {
  padding: 0;
  margin: 0 0 0 45px;
  color: #444444;
  font-size: 15px;
  position: relative;
}
.navbar-nav > .messages-menu > .dropdown-menu > li .chat > li > a > h4 > small {
  color: #999999;
  font-size: 10px;
  position: absolute;
  top: 0;
  right: 0;
}
.navbar-nav > .messages-menu > .dropdown-menu > li .chat > li > a > p {
  margin: 0 0 0 45px;
  font-size: 12px;
  color: #888888;
}
.navbar-nav > .messages-menu > .dropdown-menu > li .chat > li > a:before,
.navbar-nav > .messages-menu > .dropdown-menu > li .chat > li > a:after {
  content: " ";
  display: table;
}
.navbar-nav > .messages-menu > .dropdown-menu > li .chat > li > a:after {
  clear: both;
}
.navbar-nav > .tasks-menu > .dropdown-menu > li .chat > li > a {
  padding: 10px;
}
.navbar-nav > .tasks-menu > .dropdown-menu > li .chat > li > a > h3 {
  font-size: 14px;
  padding: 0;
  margin: 0 0 10px 0;
  color: #666666;
}
.navbar-nav > .tasks-menu > .dropdown-menu > li .chat > li > a > .progress {
  padding: 0;
  margin: 0;
}
#conversation {
	height:430px; 
	border: 1px solid #CCCCCC; 
	padding: 12px;  
	border-radius: 5px; 
	overflow-x: hidden;
}


/* Effect Grow */
.hvr-grow {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.2s;
  transition-duration: 0.2s;
  -webkit-transition-property: transform;
  transition-property: transform;
}
.hvr-grow:hover, .hvr-grow:focus, .hvr-grow:active {
  -webkit-transform: scale(1.5);
  transform: scale(1.5);
}

/* Edit - Delete Table icons */
.table .tools .fa{
  margin-left: 3px;
  margin-right: 3px;

}
.table .tools a .fa.fa-trash-o.enable{
  color: red;
}
.table .tools a .fa.fa-trash-o.disable{
  color:#8F8F8F;
}

/*.table .tools a .fa.fa-edit.enable{
  color: green;
}
.table .tools a .fa.fa-edit.disable{
  color: #8F8F8F;
}*/
.table .tools a .fa-check-circle-o.enable{
  color: green;
}
.table .tools a .fa-check-circle-o.disable{
  color: #8F8F8F;
}
.table .tools a .fa-camera.enable{
  color: #6FABCE;
}
.table .tools a .fa-camera.disable{
  color: #8F8F8F;
}
.table .tools a .fa-sign-in.enable{
  color: #f39c12;
}
.table .tools a .fa-sign-in.disable{
  color: #8F8F8F;
}
.table .tools a .fa.fa-ban.enable{
  color: red;
}
.table .tools a .fa.fa-ban.disable{
  color: #8F8F8F;
}
.table .tools a .fa-paperclip.enable{
  color: #6FABCE;
}
.table .tools a .fa-paperclip.disable{
  color: #8F8F8F;
}
.table .tools .fab.fa-buffer.enable{
  color: green;
  margin: 0 5px 0 4px;
}
.table .tools .fab.fa-buffer.disable{
  color: #8F8F8F;
  margin: 0 5px 0 4px;
}


.table .tools .fa.fa-trash-o:hover,.table .tools .fa.fa-trash-o:hover{
	background: rgba(0,0,0,0.1);
}

.table_date_small {
  font-size: small;
}

.table_date_smaller {
  font-size: smaller;
}


/* Time Session */
.timesesion {
  position: absolute;
  margin-top: 6px;
  color:#fff;
  font-size: 12px;
  margin-bottom: 6px;
}
#timecontainer:after {
	content:" minutos de sesion restante";
	color: #fff;
	font-size: 10px;
}

/* Checkbox style */
.material-switch {
	padding-top: 10px;
}
.material-switch > input[type="checkbox"] {
    display: none;   
}

.material-switch > label {
    cursor: pointer;
    height: 0px;
    position: relative; 
    width: 40px;
    margin-left: 10px;
}

.material-switch > label::before {
    background: rgb(0, 0, 0);
    box-shadow: inset 0px 0px 10px rgba(0, 0, 0, 0.5);
    border-radius: 8px;
    content: '';
    height: 16px;
    margin-top: -8px;
    position:absolute;
    opacity: 0.3;
    transition: all 0.4s ease-in-out;
    width: 40px;
}
.material-switch > label::after {
    background: rgb(255, 255, 255);
    border-radius: 16px;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);
    content: '';
    height: 24px;
    left: -4px;
    margin-top: -8px;
    position: absolute;
    top: -4px;
    transition: all 0.3s ease-in-out;
    width: 24px;
}
.material-switch > input[type="checkbox"]:checked + label::before {
    background: inherit;
    opacity: 0.5;
}
.material-switch > input[type="checkbox"]:checked + label::after {
    background: inherit;
    left: 20px;
}
/* Checkbox style */
.switch {
  display: inline-block;
  height: 19px;
  position: relative;
  width: 45px;
}
.switch input {
  display:none;
}
.slider {
  background-color: #FF4A4A;
  bottom: 0;
  cursor: pointer;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  transition: .4s;
}
.slider:before {
  background-color: #fff;
  bottom: 4px;
  content: "";
  height: 12px;
  left: 4px;
  position: absolute;
  transition: .4s;
  width: 12px;
}
input:checked + .slider {
  background-color: #66bb6a;
}
input:checked + .slider:before {
  transform: translateX(26px);
}
.slider.round {
  border-radius: 34px;
}
.slider.round:before {
  border-radius: 50%;
}
/* Checkbox style */
.little-switch {
  padding-top: 10px;
  /*display: unset; */
}
.little-switch > input[type="checkbox"] {
    display: none;   
}

.little-switch > label {
    cursor: pointer;
    height: 0px;
    position: relative; 
    width: 40px;
    margin-left: 5px;
}

.little-switch > label::before {
    background: rgb(0, 0, 0);
    box-shadow: inset 0px 0px 10px rgba(0, 0, 0, 0.5);
    border-radius: 8px;
    content: '';
    height: 16px;
    margin-top: -8px;
    position:absolute;
    opacity: 0.5;
    transition: all 0.4s ease-in-out;
    width: 40px;
}
.little-switch > label::after {
    background: rgb(255, 255, 255);
    border-radius: 16px;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
    content: '';
    height: 16px;
    left: -4px;
    margin-top: -4px;
    position: absolute;
    top: -4px;
    transition: all 0.3s ease-in-out;
    width: 24px;
}
.little-switch > input[type="checkbox"]:checked + label::before {
    background: inherit;
    opacity: 0.5;
}
.little-switch > input[type="checkbox"]:checked + label::after {
    background: inherit;
    left: 20px;
}
/* MARGENES SUPERIORES */
.top5 { margin-top:5px; }
.top7 { margin-top:7px; }
.top10 { margin-top:10px; }
.top15 { margin-top:15px; }
.top17 { margin-top:17px; }
.top30 { margin-top:30px; }
/* MARGENES INFERIORES */
.bott5 { margin-bottom:5px; }
.bott7 { margin-bottom:7px; }
.bott10 { margin-bottom:10px; }
.bott15 { margin-bottom:15px; }
.bott17 { margin-bottom:17px; }
.bott30 { margin-bottom:30px; }
/* PADDING */
.pt-5 { padding-top:5px; }
.pt-15 { padding-top:15px; }
.pt-20 { padding-top:20px; }
.pt-25 { padding-top:25px; }
.pt-30 { padding-top:30px; }
.pb-5 { padding-bottom:5px; }
.pb-15 { padding-bottom:15px; }
.pl-15 { padding-left:15px; }
.pr-15 { padding-right:15px; }

/* ARREGLO ALTURAS DISTINTAS */
.colnonfloat {
  display: inline-block;
  float: none;
}
/* VISORES ARCHIVOS ADJUNTOS */
 .iframe-container {    
    padding-bottom: 60%;
    padding-top: 0px; height: 0; /*overflow: hidden;*/
}
.iframe-container iframe,
.iframe-container object,
.iframe-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.iframe-container2 {    
    padding-bottom: 50%;
    padding-top: 15px; height: 0; /*overflow: hidden;*/
}
.iframe-container2 iframe,
.iframe-container2 object,
.iframe-container2 embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin-top: 15px;
    max-height: 437px;
    overflow-y: auto;
}
/* MULTI form */
#regForm {
 /* background-color: #ffffff;
  margin: 100px auto;
  padding: 40px;
  width: 70%;
  min-width: 300px;*/
}

/* Mark input boxes that gets an error on validation: */
input.invalid {
  background-color: #ffdddd;
}
select.invalid {
  background-color: #ffdddd;
}

/* Hide all steps by default: */
.tab {
  display: none;
}

/* Make circles that indicate the steps of the form: */
.step {
  height: 15px;
  width: 15px;
  margin: 0 2px;
  background-color: #bbbbbb;
  border: none; 
  border-radius: 50%;
  display: inline-block;
  opacity: 0.5;
}

/* Mark the active step: */
.step.active {
  opacity: 1;
}

/*Form Wizard*/
.bs-wizard {border-bottom: solid 1px #e0e0e0; padding: 0 0 10px 0;}
.bs-wizard > .bs-wizard-step {padding: 0; position: relative;}
.bs-wizard > .bs-wizard-step + .bs-wizard-step {}
.bs-wizard > .bs-wizard-step .bs-wizard-stepnum {color: #595959; font-size: 16px; margin-bottom: 5px;}
.bs-wizard > .bs-wizard-step .bs-wizard-info {color: #999; font-size: 12px;}
.bs-wizard > .bs-wizard-step > .bs-wizard-dot {position: absolute; width: 30px; height: 30px; display: block; background: #BBFFBB; top: 45px; left: 50%; margin-top: -15px; margin-left: -15px; border-radius: 50%;} 
.bs-wizard > .bs-wizard-step > .bs-wizard-dot:after {content: ' '; width: 14px; height: 14px; background: #008000; border-radius: 50px; position: absolute; top: 8px; left: 8px; } 
.bs-wizard > .bs-wizard-step > .progress {position: relative; border-radius: 0px; height: 8px; box-shadow: none; margin: 20px 0;}
.bs-wizard > .bs-wizard-step > .progress > .progress-bar {width:0px; box-shadow: none; background: #BBFFBB;}
.bs-wizard > .bs-wizard-step.complete > .progress > .progress-bar {width:100%;}
.bs-wizard > .bs-wizard-step.active > .progress > .progress-bar {width:50%;}
.bs-wizard > .bs-wizard-step:first-child.active > .progress > .progress-bar {width:0%;}
.bs-wizard > .bs-wizard-step:last-child.active > .progress > .progress-bar {width: 100%;}
.bs-wizard > .bs-wizard-step.disabled > .bs-wizard-dot {background-color: #f5f5f5;}
.bs-wizard > .bs-wizard-step.disabled > .bs-wizard-dot:after {opacity: 0;}
.bs-wizard > .bs-wizard-step:first-child  > .progress {left: 50%; width: 50%;}
.bs-wizard > .bs-wizard-step:last-child  > .progress {width: 50%;}
.bs-wizard > .bs-wizard-step.disabled a.bs-wizard-dot{ pointer-events: none; }
/*END Form Wizard*/

/* Mark the steps that are finished and valid: */
.step.finish {
  background-color: #4CAF50;
}

/* sub menu valores */
.popover-markup .popover{
  width:150%;
}
.popover-markup label{
  padding:0px;
}
.containervalores{
    margin:0px auto;
}
/* fin sub menu valores */
/* Paso3 ingreso */
.containerattach{
    margin-top:20px;
}
.image-preview-input,.image-preview-input2,.image-preview-input3 {
    position: relative;
  overflow: hidden;
  margin: 0px;    
    color: #333;
    background-color: #fff;
    border-color: #ccc;    
}
.image-preview-input input[type=file] {
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
  padding: 0;
  font-size: 20px;
  cursor: pointer;
  opacity: 0;
  filter: alpha(opacity=0);
}
.image-preview-input2 input[type=file] {
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
  padding: 0;
  font-size: 20px;
  cursor: pointer;
  opacity: 0;
  filter: alpha(opacity=0);
}
.image-preview-input3 input[type=file] {
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
  padding: 0;
  font-size: 20px;
  cursor: pointer;
  opacity: 0;
  filter: alpha(opacity=0);
}
.image-preview-input-title,.image-preview-input-title2,.image-preview-input-title3 {
    margin-left:2px;
}
/* AVISO ESTADO DOCS */
/*#aviso_estado {
  color: crimson;
  margin-top: 25px;
  font-weight: 700;

  /*rotacion*/
  -moz-transform: rotate(346deg);
  -webkit-transform: rotate(346deg);
  -o-transform: rotate(346deg);
  -ms-transform: rotate(346deg);
  transform: rotate(346deg);

  /*radio*/
  border:double 5px #337ab7;
  -moz-border-radius-topleft: 75px;
  -moz-border-radius-topright:75px;
  -moz-border-radius-bottomleft:75px;
  -moz-border-radius-bottomright:75px;
  -webkit-border-top-left-radius:75px;
  -webkit-border-top-right-radius:75px;
  -webkit-border-bottom-left-radius:75px;
  -webkit-border-bottom-right-radius:75px;
  border-top-left-radius:75px;
  border-top-right-radius:75px;
  border-bottom-left-radius:75px;
  border-bottom-right-radius:75px;

  box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.4);
  
}*/

.watermark2 {
  color: crimson;
  margin-top: 25px;
  margin-bottom: 25px;
  height: 74px;
  padding-top: 3px;
  font-weight: 700;

  /*rotacion*/
  /*-moz-transform: rotate(346deg);
  -webkit-transform: rotate(346deg);
  -o-transform: rotate(346deg);
  -ms-transform: rotate(346deg);
  transform: rotate(346deg);*/

  /*radio*/
  border:double 5px #337ab7;
  -moz-border-radius-topleft: 25px;
  -moz-border-radius-topright:25px;
  -moz-border-radius-bottomleft:25px;
  -moz-border-radius-bottomright:25px;
  -webkit-border-top-left-radius:25px;
  -webkit-border-top-right-radius:25px;
  -webkit-border-bottom-left-radius:25px;
  -webkit-border-bottom-right-radius:25px;
  border-top-left-radius:25px;
  border-top-right-radius:25px;
  border-bottom-left-radius:25px;
  border-bottom-right-radius:25px;

  box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.4);
}

/* MULTISELECCION */
span.multiselect-native-select {
  position: relative
}
span.multiselect-native-select select {
  border: 0!important;
  clip: rect(0 0 0 0)!important;
  height: 1px!important;
  margin: -1px -1px -1px -3px!important;
  overflow: hidden!important;
  padding: 0!important;
  position: absolute!important;
  width: 1px!important;
  left: 50%;
  top: 30px
}
.multiselect-container {
  position: absolute;
  list-style-type: none;
  margin: 0;
  padding: 0
}
.multiselect-container .input-group {
  margin: 5px
}
.multiselect-container>li {
  padding: 0
}
.multiselect-container>li>a.multiselect-all label {
  font-weight: 700
}
.multiselect-container>li.multiselect-group label {
  margin: 0;
  padding: 3px 20px 3px 20px;
  height: 100%;
  font-weight: 700
}
.multiselect-container>li.multiselect-group-clickable label {
  cursor: pointer
}
.multiselect-container>li>a {
  padding: 0
}
.multiselect-container>li>a>label {
  margin: 0;
  height: 100%;
  cursor: pointer;
  font-weight: 400;
  padding: 3px 0 3px 30px
}
.multiselect-container>li>a>label.radio, .multiselect-container>li>a>label.checkbox {
  margin: 0
}
.multiselect-container>li>a>label>input[type=checkbox] {
  margin-bottom: 5px
}
.btn-group>.btn-group:nth-child(2)>.multiselect.btn {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px
}
.form-inline .multiselect-container label.checkbox, .form-inline .multiselect-container label.radio {
  padding: 3px 20px 3px 40px
}
.form-inline .multiselect-container li a label.checkbox input[type=checkbox], .form-inline .multiselect-container li a label.radio input[type=radio] {
  margin-left: -20px;
  margin-right: 0
}
canvas{
    page-break-after: always;
  }
 .vcenter {
    display: inline-block;
    vertical-align: middle;
    float: none;
}
.rayasuma {
  border-top: solid 1px grey;
}

.warning-well {
    background-color: #fcf8e3 !important;
}





.directory_searchbar{
margin-bottom: auto;
margin-top: 5px;
height: 40px;
background-color: white;
border-radius: 28px;
}

.directory_search_input{
color: black;
background-color: white;
border: 0;
outline: 0;
background: none;
width: 0;
caret-color:transparent;
line-height: 40px;
transition: width 0.4s linear;
}

.directory_searchbar:hover > .directory_search_input{
padding: 0 10px;
width: 450px;
caret-color:green;
transition: width 0.4s linear;
}

.directory_searchbar:hover > .directory_search_icon{
background: white;
color: green;
}

.directory_search_icon{
height: 40px;
width: 40px;
float: right;
display: flex;
justify-content: center;
align-items: center;
border-radius: 50%;
}

.directory_projects_table{
  width: 100%;
  table-layout: fixed;
  border-collapse: collapse;
}
.directory_projects_table tbody{
  overflow: auto;
  display:block;
  height:300px;
  width:100%;
}
.directory_projects_table>tbody>tr>td{
  padding: 0px;
}
.directory_projects_table thead{
  background: darkgrey;
}
.directory_projects_table thead tr{
  display:block;
}
.directory_projects_table th, .directory_projects_table td {
  padding: 5px;
  text-align: left;
  width: 300px;
}

/*.directory_projects_title{
  position: fixed;
}
.directory_projects_data{
  position: relative;
  top: 25px;
  display: inline-block;
}*/


.modal-xlg {
    width: 95%;
  }



.scrolltable { margin-top: 40px; max-height: 450px; overflow: auto; }
.scrolltable table { border-collapse: collapse; }
/*.scrolltable tr:nth-child(even) { background: #EEE; }*/
.scrolltable th div { position: absolute; margin-top: -35px; }



/* LOADER */
#loading {
  width: 100%;
  height: 100%;
  top: 35%;
  left: 40%;
  position: fixed;
  display: block;
  opacity: 0.7;
  z-index: 99;
  text-align: center;
}

#loading-image {
  position: absolute;
  top: 100px;
  left: 240px;
  z-index: 100;
}
/* END LOADER */


/* Alineacion Botones Plugin Adjuntos */
.fileinput-remove-button{
  float: right;
}
.fileinput-upload-button{
  float: right;
}
.btn-file{
  float: right;
}
/* FIN Alineacion Botones Plugin Adjuntos */


/*COMUNICACIONES CHAT*/
.comment-chat { font-size: 14px; }

/* COMENTARIOS RD */
.comment .panel-body { padding:0px; }
.comment .list-group { margin-bottom: 0; }
.comment .panel-title { display:inline }
.comment .label-info { float: right; }
.comment li.list-group-item {border-radius: 0;border: 0;border-top: 1px solid #ddd;}
.comment li.list-group-item:hover { background-color: rgba(86,61,124,.1); }
.comment .mic-info { color: #666666;font-size: 11px; }
.comment .action { margin-top:5px;float: right; }
.comment .comment-text { font-size: 12px; }
.comment .btn-block { border-top-left-radius:0px;border-top-right-radius:0px; }
.comment-search { margin-top:-7px;float: right; width: 200px;margin-right: 5px;}
				
.sonar-wrapper { position: relative;z-index: 0;overflow: hidden;padding: 8rem 0;}
.sonar-emitter {position: relative;margin: 0 auto;width: 10px;height: 10px;border-radius: 9999px;background-color: HSL(45,100%,50%);}
/* the 'wave', same shape and size as its parent */
.sonar-wave {position: absolute;top: 0;left: 0;width: 100%;height: 100%;border-radius: 9999px;background-color: HSL(45,100%,50%);opacity: 0;z-index: -1;pointer-events: none;}
/*
  Animate!
  NOTE: add browser prefixes where needed.
*/
.sonar-wave {animation: sonarWave 1s linear infinite;}
@keyframes sonarWave {
  from {
    opacity: 0.5;
  }
  to {
    transform: scale(3);
    opacity: 0;
  }
}
/* FIN COMENTARIOS RD */


.btn-circle {
  width: 30px;
  height: 30px;
  text-align: center;
  padding: 6px 0;
  font-size: 12px;
  line-height: 1.428571429;
  border-radius: 15px;
}
.btn-circle.btn-lg {
  width: 50px;
  height: 50px;
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.33;
  border-radius: 25px;
}
.btn-circle.btn-xl {
  width: 70px;
  height: 70px;
  padding: 10px 16px;
  font-size: 24px;
  line-height: 1.33;
  border-radius: 35px;
}