*{
	padding:0px;
	margin:0px;
}

html,
body{
	height:100%;
	padding:0px;
	margin:0px;
	font-size: 13px;
}

.consecutivo {
  font-size: 20px;
  color: red;
  background-color: #E9EFFA;
}


[data-toggle="money"]{
	text-align:right;
}

[data-toggle="datepicker"]{
	cursor: pointer;
}

.bg-success{
	background-color:#DCF5DC !important;
}

.btn-xs{
	font-size:13px;
	padding:2px 10px;
}

.btn-primary{
	color:#FFF;
	cursor:pointer;
	background-color:#337AB7;
}

.btn-success{
	color:#FFF;
	cursor:pointer;
	background-color:#5CB85C;
}

.btn-danger{
	color:#FFF;
	cursor:pointer;
	background-color:#D9534F;
}

.btn-warning{
	color:#FFF;
	cursor:pointer;
	background-color:#F0AD4E;
}

.grilla{
	margin-top:10px;
	min-height: 200px;
}

.modal{
	overflow-y:scroll;
}

.modal-header{
	padding:10px 15px;
	background-color:#FB6032;
	color:#FFF;
}

.modal-title{
	font-size:18px;
}

label{
	margin: 0px;
	padding: 0px;
	display: inline-block;
}

select{
	color:#000;
}

textarea{
	resize:none;
}

.contenedor{
	max-width: 600px;
	margin:auto;
}

#contenedor{
	min-height:100%;
	margin-bottom: -80px;
}

#contenedor:after{
	content:'';
	display: block;
	height:80px;
}

footer{
	height:80px;
}

.form-control{
	
}

.form-s{
	width:100%;
	max-width:400px;
}

.form-m{
	width:100%;
	max-width:600px;
}

.form-l{
	width:100%;
	max-width:800px;
}

.form-xl{
	width:100%;
	max-width:980px;
}

.modal-body{
	padding:15px 25px;
}

.titulos-form{
	padding:5px 10px;
	border-bottom:1px solid #CCC;
}

.contenido-form{
	padding:5px 10px;	
}

.footer-form{
	margin-top:5px;
	padding:10px 10px;
	border-top:1px solid #CCC;
}

.dropdown ul{
	margin:0px;
	padding:0px;
}

.dropdown li{
	cursor: pointer;
	padding:3px 8px;
	border-bottom:1px solid #CCC;
}

.dropdown li:hover{
	background-color:#666;
	color:#FFF;
}

.inline-block{
	font-size:0px;
}

.inline-block > div,
.inline-block > li{
	font-size:13px;
	display: inline-block;
}

.vertical-align-top > div,
.vertical-align-top > li{
	vertical-align:top;
}

.vertical-align-middle > div,
.vertical-align-middle > li{
	vertical-align:middle;
}

.vertical-align-bottom > div,
.vertical-align-bottom > li{
	vertical-align:bottom;
}

.tr-td-1,
.tr-td-2,
.tr-td-3{
	padding:5px;
}

.tr-td-1{
	width:100%;
}

.tr-td-2{
	width:50%;
}

.tr-td-3{
	width:33.33%;
}

#msj_php{
	display: none;
	z-index: 99999;
	position: fixed;
	top:0px;right:0px;
	width: 300px;
	padding:8px 10px;
	box-shadow: 0px 0px 10px #666;
}

#msj_php i{
	margin-right:3px;
}

.success{
	border:1px solid #009E37;
	background-color:#009E37;
	color:#FFF;
}

.info{
	border:1px solid #00A8EF;
	background-color:#00A8EF;
	color:#FFF;
}

.error{
	border:1px solid #DD0024;
	background-color:#DD0024;
	color:#FFF;
}

#cargando{
	display: none;
	height: 100%;
	min-height: 100%;
	width:100%;
	background-color:rgba(0,0,0,0.3);
}

#cargando,
#cargando img{
	position: fixed;
	top:0;bottom:0;left:0;right:0;
	z-index: 9999;
	text-align: center;
}

#cargando img{
	margin: auto;	
	width:150px;	
	border-radius: 10px;
	box-shadow: 0px 0px 10px #000;
}

.paginado{
	display: block;
	width:100%;
	text-align: center;
}

.paginado > div{
}

.col-md-12,
.col-md-8,
.col-md-6,
.col-md-4,
.col-md-3{
	margin-bottom:10px;
	padding:0px 5px;
}

.nav-tabs{
	margin-bottom:10px;
}

.ck-editor__editable {
    min-height: 300px;
}

/* CHECKBOX */

 /* Customize the label (the container) */
.container_checkbox {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 15px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default checkbox */
.container_checkbox input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

/* Create a custom checkbox */
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #eee;
}

/* On mouse-over, add a grey background color */
.container_checkbox:hover input ~ .checkmark {
  background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.container_checkbox input:checked ~ .checkmark {
  background-color: #2196F3;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.container_checkbox input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.container_checkbox .checkmark:after {
  left: 9px;
  top: 5px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}