html {
		  height: 100%;
		}
		body{
			background: #fff;
			font-family: 'PT Sans', sans-serif;
			color: #444;  
			min-height: 100%;
			
		}
		.box{
			border: 1px solid #E0E0E1;
			background-color: #fff;
		}
		.border-left{
			border-left: 1px solid #E0E0E1;
		}
		.border-right{
			border-right: 1px solid #E0E0E1;
		}
		.border-bottom{
			border-bottom: 1px solid #E0E0E1;
		}
		.text-blue{
			color: #0277BD;
		}
		.bg-blue{
			background-color: #2196F3
		}
		.bg-fff{
			background-color: #fff;
		}
		h3{
			color: #aaa;
			letter-spacing: 1px;
			font-weight: 700;
		}
		.descripcion{
			font-size: 12px;
		}
		.brand{
			font-size: 18px;
			font-weight: 700;
			color:#2196F3;
			opacity: 0.8;
			margin-top:15px

		}
		.text-center{
			text-align: center;
		}
		.text-fff{
			color: #fff;
		}
		.bg-f7f7f7{
			background-color: #f7f7f7;
		}
		.bg-fafafa{
			background-color: #fafafa;
		}
		.bg-eee{
			background-color: #eee;
		}
		.bg-pale-blue{
			background-color: #eCF9FE;
		}
		.m-t-0{
			margin-top: 0;
		}
		.m-t-10{
			margin-top: 10px;
		}
		.m-t-20{
			margin-top: 20px;
		}
		.m-t-30{
			margin-top: 30px
		}
		.m-b-0{
			margin-bottom: 0;
		}
		input,
		select{
			width:100%;
			padding:5px 5px;
			border: 1px solid #E0E0E1;
			background-color: #fff;
			outline:none;
		}
		label{
			font-weight:400;
			color:#0277BD;
			font-size:13px
		}
		.info-form{
			position:relative;
			width:70%;
			margin:auto
		}
		.welcome-box{
			position:relative;
			top:-30px;
			width:70%;
			margin:auto;
			border: 1px solid #E0E0E1;
			background-color: #fff;
		}
		.title{
			font-size: 28px;
			letter-spacing: 2px
		}
		.info-login{
			position:relative;
			width:400px;
			margin:auto;
			margin-top:80px;
			padding-bottom: 30px;
		}
		button:hover{
			color: #fff !important;
			background-color: #0277BD
		}
		.text-444{
			color: #444
		}
		.text-666{
			color: #666
		}
		.cont-icon-1,
		.cont-icon-2,
		.cont-icon-3,
		.cont-icon-4,
		.cont-icon-5,
		.cont-icon-6
		{
			height:70px;
			width:70px;
			background:#0288D1;
			border-radius:50%;
			margin:auto
		}
		.icono{
			color: #fff;
			font-size: 36px;
			margin-top: 15px;
			margin-bottom:10px;
		}
		.btn-title{
			color: #0288D1;
			display: block;
			font-weight: 400;
			font-size: 18px;
			margin: 16px 0 0 0
		}
		.btn-desc{
			color: #777;
			font-size: 12px;
		}

		.btn-contenedor{
			margin-right:0px;margin-left:0px;padding: 15px 0;
		}
		.btn-side-title{
			color: #0288D1;
			font-weight: 400;
			font-size: 16px;
			margin: 16px 0 0 0;
			padding-left: 0;			
		}
		.btn-side-state{
			font-weight: 400;
			font-size: 12px;			
		}
		.p-5{
			padding: 5px;
		}
		.link-btn-1:hover,
		.link-btn-2:hover,
		.link-btn-3:hover,
		.link-btn-4:hover,
		.link-btn-5:hover,
		.link-btn-6:hover
		{
			text-decoration: none;

		}
		.side-img{
			height:40px;
			width:40px;
			background:#0288D1;
			border-radius:50%;
			position: relative;
		}
		.icon-small{
			color:#fff;
			font-size:20px;
			line-height: 40px;
		}
		.text-green{
			color: green;
		}
		.text-red{
			color: red;
		}
		.btn-side{
			padding: 10px 3px;
			margin: 0 5px;
			margin-top:2px
		}
		.btn-side-first{
			padding: 10px 3px;
			margin: 0 5px;
			margin-top:20px
		}
		.cont-label{
			text-align:right;padding-top:3px;padding-right:0
		}
		th{
			font-size: 12px
		}
		.input-table{
			padding-left: 2px;

			font-size: 10px;
			margin: 0;
		}
		


		.custom-file-input {
		  color: transparent;
		  border: none;
		  width: 200px;
		}
		.custom-file-input:focus{
			outline: none;
		}
		.custom-file-input::-webkit-file-upload-button {
		  	display: none;
		  	outline:none;
		}
		.custom-file-input::before {
		  content: '+ AGREGAR FOTO';
		  display: inline-block;
		  padding: 5px 8px;
		  outline: none;
		  white-space: nowrap;
		  -webkit-user-select: none;
		  cursor: pointer;
		  color:#2196F3;
		  background-color: #fff;
		  border: 1px solid #2196F3;
		  color: #2196F3;
		  font-weight: 700;
		  font-size: 14px;
		    outline: none;
		}


		.cont-main{
			min-height:600px;
		}
		.user-name{
			line-height:3;
			font-weight:700
		}
		.logout{
			line-height:3;
			font-weight:400;

		}
		.logout:hover{
			text-decoration: none;
			font-weight:700;
		}
		.f-w-700{
			font-weight: 700
		}
		.table-general td{
			font-size: 12px;
		}
		.td-center{
			text-align: center;
		}
		.fa-check-circle{
			color: green
		}
		.fa-times-circle{
			color: red
		}
		.btn-other{
	 	  color:#2196F3;
		  background-color: #fff;
		  border: 1px solid #2196F3;			
		}
		.f-18{
			font-size: 18px;
		}
		.table-general thead tr{
			background:#f7f7f7;color:#2196F3
		}
		.l-h-3{
			line-height: 3
		}
		.cont-avatar-bg{
			width:40%;margin:auto;border-radius:50%;overflow:hidden
		}
		.avatar-username-bg{
			font-weight:700;color:#45494E;font-size:16px
		}