body{
	font-size:14px;
}

.logo a{
	color:#fff;	
}


 .top-bar{
	 padding-bottom:20px;
	 background-color:#3f3553 !important;
	 }

tr.colorfila1 {
    background: #c8eccb !important;
}

#scrollSala{
	overflow-y:auto}

.bocadilloLeft{
	background:#fff;
	float:left;
	margin-bottom:20px;
	width:70%;
	padding:10px;
	border: solid 1px #ddd;
	border-radius:10px}
	
select:disabled{
	background:#eeeeee !important;
	background-color:#eeeeee !important}
	
.bocadilloRight{
	background:#fff;
	float:right;
	margin-bottom:20px;
	width:70%;
	padding:10px;
	border: solid 1px #ddd;
	border-radius:10px}
	
.fecha{
	font-size:10px;
	font-weight:bold}
	
.bocadilloLeft .consulta{
	text-align:left}
	
.bocadilloRight .consulta{
	text-align:right}
	
.bocadilloRight .fecha{
	text-align:right}

.logoLogin{
	text-align:center !important;
	margin-bottom:10px !important;
	border-top-left-radius:5px;
	border-top-right-radius:5px;
	font-size:20px;
	color:#fff
}

.top-bar {
	min-height: 40px;
	color: #fff;
    font-size: 20px;
}

.spinerLoading{
	padding:20px	
}

.fullWidth{
	width:100%;
	float:left	
}

.textCenter{
	text-align:center	
}

.textUnderline:hover{
	text-decoration:underline
}

.textPointer{
	cursor:pointer
}

.colorBlue {
	color: #428bca;
}

.divClear{
	float:left;
	width:100%;
	height:20px	
}

.footer{
	background-color:#1d1d1b !important}

.footer a, .footer a:hover{
	color:#fff
}



.del-switcher-toggle {
	background:none !important;
	background-image:none !important;
	background-color:#fff !important;
	display: block;
	width: 140px !important;
	height: 40px;
	text-align:center;
	line-height:40px;
	position: absolute;
	left: -90px !important;
	cursor: pointer;
	border: 1px solid #CCC;
	border-right: 1px solid #CCC !important;
	top:49px
}

.supportFloat{
	font-size:20px;
	font-weight:bold	
}

.rotate {

/* Safari */
-webkit-transform: rotate(-90deg);

/* Firefox */
-moz-transform: rotate(-90deg);

/* IE */
-ms-transform: rotate(-90deg);

/* Opera */
-o-transform: rotate(-90deg);

/* Internet Explorer */
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);

}

/*PROFILE*/
.profile .user-info-left img{
	width:100%;
	height:auto	
}

.photoProfileHeader{
	width:20px;
	height:20px;
	float:left;
	margin-right:10px;
	background-position:center center;
	background-size:cover	
}

.photoProfile{
	width:100%;
	height:300px;
	float:left;
	border: 3px solid #fff;
	background-position:center center;
	margin-bottom:20px;
	background-size:cover	
}

/*GENERIC TABLES*/
.table tbody tr{
	cursor:pointer	
}

/*FORMS*/
.selectForm{
	display: block;
	width: 100%;
	min-width:120px;
	height: 34px;
	padding: 6px 12px;
	font-size: 14px;
	line-height: 1.42857143;
	color: #555;
	background-color: #fff;
	background-image: none;
	border: 1px solid #ccc;
}

.selectPlatforms{
	min-height:100px	
}

.sectionPlatform{
	width:50% !important
}

/*FORM CAMPAIGN*/
.elementCampaign{
	text-align:center
}
.elementCampaign img, .elementCampaign video{
	max-height:100px;
	width:auto
}
.rightFloat{
	float:right
}

.ajax-upload-dragdrop{
	vertical-align: top;
width: 100% !important; 
height: 200px;
margin-bottom: 20px;
}

.input-interval_duration{
	/*width:20px	*/
}

/*BOTONES*/

.btn-custom-primary, .btn-primary{
	  height: 45px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  font-weight:bold;
	background-color:#fff !important;
	border: solid 2px #42b0d8;
	border-radius:5px;
	color:#42b0d8}
	
.btn-custom-primary:hover, .btn-primary:hover{
	background-color:#42b0d8 !important;
	border: solid 2px #42b0d8 !important;
	color:#fff !important}
	
	
.btn-danger{
	  height: 45px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  font-weight:bold;
	background-color:#fff !important;
	border: solid 2px #db3833;
	border-radius:5px;
	color:#db3833}
	
 .btn-danger:hover{
	background-color:#db3833 !important;
	border: solid 2px #db3833 !important;
	color:#fff !important}
/*CAPAS*/
.page-register .register-box{
	border:none }
	
/*FORMULARIOS*/
.formLogin{
		background-color:#f9f9f9 !important;
		border-bottom:solid 3px #dfdfdf !important;
		border-radius:5px}
	
select.form-control, .form-control{
  display: block;
  width: 100%;
  height: 45px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555;
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 5px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
  -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;}
 

  /**/
  

  
 .top-bar{
	 padding-bottom:20px;
	 background-color:#f05050 !important;
	 }
	 
	 .widget{
		 border-color:#fff !important;
		 border-bottom:solid 3px #3f3553 !important;
		 background-color: none !important;
		 border-radius:5px}
	.widget-header{
		padding-left:20px;
		padding-right:20px;
		color:#fff !important;
		height:40px !important;
		line-height:40px !important;
		background-color:#61c3e7 !important;
		border-bottom:solid 3px #348dad;
	}
	
	legend{
		border-top-left-radius:5px;
		border-top-right-radius:5px;
		padding-left:20px;
		padding-right:20px;
		color:#fff !important;
		height:40px !important;
		line-height:40px !important;
		background-color:#61c3e7 !important;
		border-bottom:solid 3px #348dad;
	}
	
	.widget-header em{
		color:#fff !important;
	}
	.widget-content{
		padding:0px !important}
		.table{
			margin-bottom:0px !important;
			padding-bottom:0px !important}
			
			.table thead tr{
				background-color:#3f3553 !important;
				border-bottom:solid 3px #3f3553;
				
				color:#fff !important
				
			}
			
			.widget tr:nth-child(even) { background: #f9f9f9 }
.widget tr:nth-child(odd) { background: #f4f3f3}

.form-horizontal .form-group{
	margin-left:0px !important;
	margin-right:0px !important}
	
	.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td{
		border-top:0px}
		
		.table-hover > tbody > tr:hover > td, .table-hover > tbody > tr:hover > th{
			background-color: #fff !important}
			
			table > thead > tr > th:first-child, table > tbody > tr > td:first-child {
				padding-left:20px}


		
#canvas-holder,.statstable{
	width:100%;
	margin:0 auto;
}

.stats{
	text-align: center;
}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
	border-top-left-radius: 5px !important;
    border-top-right-radius: 5px !important;
    background-color: #3f3553 !important;
    color: #fff !important;
    cursor: pointer;
}

.nav-tabs > li > a {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
	border-top-left-radius: 5px !important;
    border-top-right-radius: 5px !important;
    color: #868686;
    background-color: #ececec;
    border-color: #ddd;
}

select {
    display: block;
    width: 100%;
    height: 45px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 5px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}