.div_textarea{
	width: 99%;
	height: auto;
	min-height: 30px;
	background-color: #f5f5f5;
	border: 1px solid #ddd;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	-webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
	-moz-transition: border linear 0.2s, box-shadow linear 0.2s;
	-ms-transition: border linear 0.2s, box-shadow linear 0.2s;
	-o-transition: border linear 0.2s, box-shadow linear 0.2s;
	transition: border linear 0.2s, box-shadow linear 0.2s;
	cursor: not-allowed;
	display: inline-block;
	padding: 4px;
	margin-bottom: 9px;
	font-size: 13px;
	line-height: 18px;
	color: #555555;
}

/* ==========================================================
 * Loader
 * =========================================================*/
#bg {
 position:fixed;
 width:100%;
 height:100%;
 background-color: rgba(0,0,0,0.5);
 background-position:center;
 z-index:9999;
 font-size: 12px;
}

.spinner{
     width:100px;
     height:100px;
     position:relative;
	 top:45%;
	 left:45%;
     -webkit-animation: rotateit 1.3s linear infinite;
     -moz-animation: rotateit 1.3s linear infinite;
     animation: rotateit 1.3s linear infinite;
}
@-webkit-keyframes rotateit {
     from {
          -webkit-transform: rotate(360deg);
     }
     to {
          -webkit-transform: rotate(0deg);
     }
}
@-moz-keyframes rotateit {
     from {
          -moz-transform: rotate(360deg);
     }
     to {
          -moz-transform: rotate(0deg);
     }
}
@keyframes rotateit {
     from {
          transform: rotate(360deg);
     }
     to {
          transform: rotate(0deg);
     }
}

.spinner.circles div{
     width: 20px;
     height: 20px;
     border-radius:50%;
     background: black;
     position: absolute;
     top: 35px;
     left: 45px;
}
.spinner.circles div:nth-child(1){
     -webkit-transform: rotate(0deg) translate(0, -35px) scale(1.4);
     -moz-transform: rotate(0deg) translate(0, -35px) scale(1.4);
     transform: rotate(0deg) translate(0, -35px) scale(1.4);
}
.spinner.circles div:nth-child(2){
     -webkit-transform: rotate(45deg) translate(0, -35px) scale(1.2);
     -moz-transform: rotate(45deg) translate(0, -35px) scale(1.2);
     transform: rotate(45deg) translate(0, -35px) scale(1.2);
     opacity:0.7;
}
.spinner.circles div:nth-child(3){
     -webkit-transform: rotate(90deg) translate(0, -35px) scale(1.1);
     -moz-transform: rotate(90deg) translate(0, -35px) scale(1.1);
     transform: rotate(90deg) translate(0, -35px) scale(1.1);
     opacity:0.6;
}
.spinner.circles div:nth-child(4){
     -webkit-transform: rotate(135deg) translate(0, -35px) scale(0.9);
     -moz-transform: rotate(135deg) translate(0, -35px) scale(0.9);
     transform: rotate(135deg) translate(0, -35px) scale(0.9);
     opacity:0.5;
}
.spinner.circles div:nth-child(5){
     -webkit-transform: rotate(180deg) translate(0, -35px) scale(0.7);
     -moz-transform: rotate(180deg) translate(0, -35px) scale(0.7);
     transform: rotate(180deg) translate(0, -35px) scale(0.7);
     opacity:0.4;
}
.spinner.circles div:nth-child(6){
     -webkit-transform: rotate(225deg) translate(0, -35px) scale(0.5);
     -moz-transform: rotate(225deg) translate(0, -35px) scale(0.5);
     transform: rotate(225deg) translate(0, -35px) scale(0.5);
     opacity:0.3;
}
.spinner.circles div:nth-child(7){
     -webkit-transform: rotate(270deg) translate(0, -35px) scale(0.3);
     -moz-transform: rotate(270deg) translate(0, -35px) scale(0.3);
     transform: rotate(270deg) translate(0, -35px) scale(0.3);
     opacity:0.2;
}
.spinner.circles div:nth-child(8){
     -webkit-transform: rotate(315deg) translate(0, -35px) scale(0.1);
     -moz-transform: rotate(315deg) translate(0, -35px) scale(0.1);
     transform: rotate(315deg) translate(0, -35px) scale(0.1);
     opacity:0.1;
}
/* ==========================================================
 * END Loader
 * =========================================================*/

#map_canvas{
	width: 100%;
	height: 500px;
}

.red{
	border: 1px solid rgba(234, 6, 6, 0.8)!important;
    outline: 0;
    outline: thin dotted \9;
    -webkit-box-shadow: 0px 0px 5px rgba(234, 6, 6, 0.5)!important;
	-moz-box-shadow: 0px 0px 5px rgba(234, 6, 6, 0.5)!important;
	box-shadow: 0px 0px 5px rgba(234, 6, 6, 0.5)!important;
}

.green{
	border: 1px solid rgba(1, 170, 85, 0.8)!important;
    outline: 0;
    outline: thin dotted \9;
    -webkit-box-shadow: 0px 0px 5px rgba(1, 170, 85, 0.5)!important;
	-moz-box-shadow: 0px 0px 5px rgba(1, 170, 85, 0.5)!important;
	box-shadow: 0px 0px 5px rgba(1, 170, 85, 0.5)!important;
}

.iphone{
	float: right;
	display: inline-block;
}

.dataTables_paginate .current{
	background: #81C2E8;
    color: #fff;
    border: 1px solid #369bd7;
}

.dataTables_paginate span span{
	margin: 5px;
    float: left;
}

.pagado,
.factura {
    cursor: pointer;
}

@media (max-width: 480px) {
    .brand{
        display: none!important;
    }
	.mobile{
		display: inline!important;
	}
	.pc{
		display: none!important;;
	}
	.oculto{
		display: none!important;
	}
	.iphone{
		width: 80px;
	}
}

.controls > .radio{
  padding-left: 18px;
}

div#servicios_paginate span span {
	display: none!important;
}

.dataTables_filter{
	text-align: right!important;
}

table tr th,
table tr th{
	background: #a9acaf;
	color: #FFF;
}