/*HEADER*/
.header{
	background-color: #333333;
	text-align: right;
	padding: 5px;
}

/*BODY*/
.dashboard{
	min-height: 50px;
	padding: 10px 20px 30px 20px;
}
/*FOOTER*/
.footer {
  min-height: 50px;
  background-color: #333333;
  border: 1px solid #385178;
  color: #fff;
  text-align: right;
  padding-top: 10px;
  padding-right: 20px;
}

/*CSS FROM BOOTSNIP*/
.plans {padding: 0 !important;}
.plans h5 {background: #3482c1;padding: 10px 10px;color: #fff;font-size: 20px;text-transform: uppercase;
    letter-spacing: 1px;font-weight: bold;}

.panel-pricing {-moz-transition: all .3s ease;-o-transition: all .3s ease;-webkit-transition: all .3s ease;}
.panel-pricing:hover {box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.2);cursor:pointer;}
.panel-pricing .panel-heading {padding:13px 10px;color:#fdfdfd;background-color:#4a494a;border-color:#4a494a;}
.panel-pricing .panel-heading .fa {margin-top: 10px;margin-bottom: 10px;font-size: 58px;}
.panel-pricing .list-group-item {color: #777777;border-bottom: 1px solid rgba(250, 250, 250, 0.5);}
.panel { border:0px solid !important;}
.panel-pricing .panel-body {font-size:40px;padding:10px;margin:0px;border-bottom: 1px solid #ed1c24;}
.panel-pricing .panel-final {font-size:40px;padding:10px;margin:0px;}
.panel-footer { border:0px solid !important;background-color:#fff !important;margin-bottom:10px;}
.panel-pricing .panel-heading h3 {margin: 0;padding: 10px;}
/*p.p-title { font-size:18px;text-align: center;text-transform: capitalize;}
p.p-time { font-size:18px;text-align: center;text-transform: capitalize;}
*/
p.p-price { font-size:18px;text-align: center;text-transform: capitalize;color: #4a494a;font-weight: bold;}
p.p-tax { font-size:18px;text-align: center;text-transform: capitalize;}
p.p-company { font-size:14px;text-align: left;text-transform: capitalize;margin-bottom: 60px;}
p.p-datos { font-size:14px;text-align: center;text-transform: capitalize;margin:0px;}
.sub-btn {background: #3482c1;color: #fff;border-radius: 0px;padding: 5px 8px;}
.sub-btn:hover, .sub-btn:focus { color:#fff; text-decoration:none;}

/*CSS MODAL*/
form.crear { margin: 0px 10px; }

h2 {
  margin-top: 2px;
  margin-bottom: 2px;
}

.divider {
  text-align: center;
  margin-top: 10px;
  margin-bottom: 5px;
}

.divider hr {
  width: 35%;
}

.left { float: left; }

.right { float: right; }

.nomarginBot { margin-bottom: 0px; }

.marginbot0 {
   margin-bottom: 0px;
}

/*LOADER*/
.loader {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: url('../img/pageLoader.gif') 50% 50% no-repeat rgb(249,249,249);
    opacity: .8;
}
#div_carga {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: 50% 50% no-repeat rgba(49, 49, 49, 0.9);
	display: none;
	z-index: 5;
	margin-top: auto;
	margin-left: auto;
	padding-top: 10%; 
}

.cargador {
	display: block;
	margin: auto;
	margin-top: 3%; 
}
.cargador p {
	font-size: 16px;
	color: #fff;
	text-align: center; 
}
.cargador textarea {
	font-size: 16px;
	color: #fff;
	text-align: center; 
}

.gear {
	width: 80px;
	height: 80px;
	margin: 80px auto;
	border: 0px solid #fff;
	position: relative; 
}
.gear:after {
	content: "";
	width: 100px;
	height: 100px;
	border-radius: 100%;
	display: block;
	border: 5px dashed #fff;
	position: absolute;
	top: -24px;
	left: -24px;
	box-shadow: inset 0px 0 0 20px #fff;
	transform: scale(0.5);
	transform: rotate(0deg);
	animation: gear 6s linear infinite; 
}
.gear:before {
	content: "";
	width: 58px;
	height: 58px;
	border-radius: 100%;
	display: block;
	border: 5px dashed #fff;
	position: absolute;
	top: 26px;
	right: -14px;
	box-shadow: inset 0px 0 0 10px #fff;
	transform: scale(0.5);
	transform: rotate(0deg);
	animation: gear2 4s linear infinite; 
}
.loaderTextArea{
	background: transparent;
  color: transparent;
  resize: none;
  border: 0 none;
  width: 100%;
}