/* CSS Document */

@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,700);



body {
	font-family: 'Open Sans', 'sans-serif';
	
}


.center{
	text-align: center;
}

.bold{
	font-weight: bold;
}

.pagination{
	margin-top: 0px;
	margin-bottom: 0px;
}

.btn_right{
	float: right;
}

.fa{

	font-size: 16px;
}

.form-horizontal .iga-fa{
	padding-bottom: 0px;
	padding-top: 3px;
}

/* The alert message box */

.alert-danger {
  border-left: 6px solid #B60000;
  border-right: transparent;
  border-bottom: transparent;
  border-top: transparent;
  background: #DE5448; 
  color: black;
  border-radius: 1px;
  margin-bottom: 10px;
}
.alert-success {
  border-left: 6px solid #09A814;
  border-right: transparent;
  border-bottom: transparent;
  border-top: transparent;
  background: #59CE60;
  color: black;
  border-radius: 1px;
  margin-bottom: 10px;
}
.alert-warning {
  border-left: 6px solid #FF4E00;
  border-right: transparent;
  border-bottom: transparent;
  border-top: transparent;
  background: #FFCE43;
  color: black;
  border-radius: 1px;
  margin-bottom: 10px;
}
.alert-info {
  border-left: 6px solid #5BC0DE;
  border-right: transparent;
  border-bottom: transparent;
  border-top: transparent;
  background: #D9EDF7;
  color: black;
  border-radius: 1px;
  margin-bottom: 10px;
}

/*Modal custom style*/

.modal-header{
  color: #fff;
  padding: 9px 15px;
  border-bottom: 1px solid #eee;
  background-color: #2C3E50;
  -webkit-border-top-left-radius: 5px;
  -webkit-border-top-right-radius: 5px;
  -moz-border-radius-topleft: 5px;
  -moz-border-radius-topright: 5px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
.modal-footer{
  color: #fff;
  padding: 9px 15px;
  border-bottom: 0px solid #eee;
  background-color: #2C3E50;
  -webkit-border-bottom-left-radius: 5px;
  -webkit-border-bottom-right-radius: 5px;
  -moz-border-radius-bottomleft: 5px;
  -moz-border-radius-bottomright: 5px;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}

.modal-body-msg{

  padding-right: 0px;
}

/* The snackbar - position it at the bottom and in the middle of the screen */

.snackbar_info {
  display: none; /* Hidden by default. Visible on click */
  min-width: 250px; /* Set a default minimum width */
  margin-left: -125px; /* Divide value of min-width by 2 */
 font-weight: bold;
  font-size: 12px;
 color: #333333; /* White text color */
  text-align: center; /* Centered text */
  border-radius: 2px; /* Rounded borders */
  padding: 16px; /* Padding */
  position: fixed; /* Sit on top of the screen */
  z-index: 1; /* Add a z-index if needed */
  left: 50%; /* Center the snackbar */
  bottom: 30px; /* 30px from the bottom */
  background-color:rgba(91, 192, 222, 0.5);
}

.snackbar_error {
  display: none; /* Hidden by default. Visible on click */
  min-width: 250px; /* Set a default minimum width */
  margin-left: -125px; /* Divide value of min-width by 2 */
  font-weight: bold;
  font-size: 12px;
  color: #FF001B; /* White text color */
  text-align: center; /* Centered text */
  border-radius: 2px; /* Rounded borders */
  padding: 5px; /* Padding */
  position: fixed; /* Sit on top of the screen */
  z-index: 1; /* Add a z-index if needed */
  left: 50%; /* Center the snackbar */
  bottom: 20px; /* 30px from the bottom */
  background-color:rgba(217, 83, 79, 0.5);
}



/*Regex label style*/

.error_regex_msg{
  font-size: 12px;
  font-weight: bold;
  color: #FF0000;
}

/*Data table style*/

#table-wrapper {
  position:relative;
}
#table-scroll {
  height:250px;
  overflow: auto; 
  margin-top:20px;

}
#table-wrapper table {
  width:100%;
 
}


#table-wrapper table thead th .text {
  position:absolute;   
  top:-20px;
  
    
}
#table-wrapper table tbody tr  {
  
  border-top: 1px solid;
  border-color: #337AB7;
}





.search {
    width: 230px;
    box-sizing: border-box;
    border: 2px solid #ccc;
    border-radius: 4px;
    font-size: 16px;
    background-color: white;
    background-image: url('https://www.asset.lion.com.co/images/iconos/filter.png');
    background-position: 1px 1px; 
    background-repeat: no-repeat;
    padding: 5px 10px 5px 40px;
    -webkit-transition: width 0.4s ease-in-out;
    transition: width 0.4s ease-in-out;
    margin-bottom: 10px;
}

.search:focus {
    width: 100%;
    background-image: none;
    padding-left: 5px;

}

.desactivado{
  color: #979797 ;
  font-weight: bold;
}
.desactivado a{
  color: #979797 ;
  font-weight: bold;
}

.buttons_div{
    float:right;
    position:relative;
    left:-53%;
    text-align:left;
    margin-bottom: 10px;
}
.buttons_div ul{
    list-style:none;
    position:relative;
    left:50%;
}

.buttons_div li{float:left;}

.hide{
  display: none;
}
.show{
  display: block;
}
.margin-l-r_10x{
  margin-left: 10px;
  margin-right: 10px;
}