body{
			font-family: Roboto, -apple-system, BlinkMacSystemFont, arial, "Segoe UI", "Oxygen", "Ubuntu", "Cantarell", "Open Sans", sans-serif;
			padding: 0;
			margin: 0;
			color:#24292e;
			line-height: 1.5;
			background: #f7f8fa
		}
		a{
			cursor: pointer;
		}
		.img-mini{
			width: 25px;
			margin-top: 5px;
		}
		.img-mini-lg{
			width: 50px;
		}
		.img-mini-30{
			width: 25px;
			border-radius: 10px;
		}


/* TEXT ALIGN */
		.text-right{
			text-align: right;
		}
		.text-left{
			text-align: left;
		}
		.text-center{
			text-align: center;
		}


		.avatar-nav{
			margin-top: 3px;
		}
		.avatar-nav h5{
			font-size: 12px;

		}
		ul li:hover{
			background: #f7f7f7;
		}
		ul li:last-child:active{
			background: #00E676;
		}
		li:nth-child(even){
			background: #fafafa
		}




		.img-icon{
			width: auto;
			height: 80px;
			padding:10px;
		}

		.well{
			background: #F7F7F7;
			box-shadow: 3px 3px 5px #ddd;
			transition: all 0.3s ease
		}
		.well:hover{
			box-shadow: 4px 4px 4px #ccc
		}
		.well:focus{
			box-shadow: 1px 1px 5px #ccc
		}


		.well h5{
			font-size: 12px !important
		}

		/* Sticky Footer */
				/* Sticky footer styles
		-------------------------------------------------- */
		html {
		  position: relative;
		  min-height: 100%;
		}
		body {
		  /* Margin bottom by footer height */
		  	margin-bottom: 60px;
		 	background: #fcfefd
		}
/* CARD */
		.card{
			padding-top: 40px;
			padding-bottom: 40px;
			
			overflow: auto;
		}
		.card label{
			text-align: right;
			padding: 5px 10px 5px 5px;
		}

		.card-login{
			border: none !important;
			padding-top: 40px;
			padding-bottom: 40px;
			background: #FAFAFA;
			box-shadow: 0px 3px 5px rgba(0,0,0,.2), 0px -1px 5px rgba(0,0,0,.2) !important
		}
		.card-login h1{
			font-size: 14px; 
			font-weight: 600; 
			margin-bottom: 30px
		}
		.card-login .login-lg-title h1{
			font-size: 15px; 
			font-weight: 600; 
			margin-bottom: 40px
		}

/* FOOTER */
		.footer {
		  position: absolute;
		  bottom: 0;
		  width: 100%;
		  /* Set the fixed height of the footer here */
		  height: 60px;
		  border-top: 1px solid #ccc; 
		  background-color: #fafafa;
		  padding-top: 1px;
		}
		.footer ul li a{
			color: #666;
			font-size: 12px;
		}
		.footer ul li a:hover{
			background: #fafafa;
			color: #0366d6;
		}
		.footer .visible-xs{
			background: #444;
			color: #fff
		}
		.footer .visible-xs ul li{
			background: #555;
			border-bottom: 1px solid #444
		}
		.footer .visible-xs ul li a{
			color: #ccc;

		}
		.footer .visible-xs ul li a:hover{
			color: #0366d6;
			background:#eee;
		}

		.footer ul{
			box-shadow: none;

			background: transparent;
		}
		.footer .visible-sm ul{
			float: right;
		}
		.footer h3{
			font-weight: 600;
			font-size: 16px
		}
		.footer h4{
			font-weight: 600;
			font-size: 12px
		}
		.footer .visible-xs ul{
			margin: auto;
		}
		.footer .col-sm-5 h3,
		.footer .visible-xs h3
		{
			margin: 5px 0 0 0;
		}

		.p-0{
			padding: 0 !important
		}
		.p-t-0{
			padding-top: 0 !important;
		}
		.p-t-5{
			padding-top: 5px;
		}
		.m-l-15{
			margin-left: 15px;
		}
		.m-t-5{
			margin-top: 5px;
		}
		.m-t-10{
			margin-top: 10px;
		}
		.m-t-20{
			margin-top: 20px !important;
		}
		.m-t-40{
			margin-top: 40px;
		}
		.m-t-70{
			margin-top: 70px;
		}
		.m-t-100{
			margin-top: 100px;
		}
		.m-b-0{
			margin-bottom: 0;
		}
		.m-b-20{
			margin-bottom: 20px;
		}

		.font-12{
			font-size: 12px;
		}
		.font-16{
			font-size: 16px;
		}
		.font-18{
			font-size: 18px;
		}
		.font-20{
			font-size: 20px;
		}
		.font-we-600{
			font-weight: 600;
		}
		.space-4{
			letter-spacing: 4px;
		}
		.width-5{ width: 5% }
		.width-10{ width: 10% }
		.width-15{ width: 15% }
		.width-20{ width: 20% }
		.width-30{ width: 30% }
		.width-40{ width: 40% }
		.width-50{ width: 50% }
		.width-60{ width: 60% }
		.width-70{ width: 70% }
		.width-80{ width: 80% }
		.width-90{ width: 90% }
		.width-100{ width: 100% }

		.inline{
			display: inline;
		}

		.body-marg{
			margin-top: 70px;
		}
		.button-content .visible-xs{
			margin: 0 10px 25px 10px;
		}
		.button-content .visible-sm{
			margin: 0 10px 25px 10px;
		}
		.button-content .visible-md{
			margin: 0 0 25px 30px;
		}
		.button-content a{
			text-decoration: none; 
			color:#fff
		}

		.bg-color-green{
			background: #00C853
		}		
		.bg-color-yellow{
			background: #FBC02D
		}		
		.bg-color-brown{
			background: #8D6E63
		}

		input:focus{
			border: 1px solid rgba(255,196,0,.4) !important;
			box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(251,192,45,.4) !important;
			
		}
		.container-input{
			padding-left: 0
		}


		a:hover{
			color: ;
		}

/* TABLE */
		table td{
			font-size: 12px;
			font-weight: 300;
		}
		table tr td{
			text-align: left;
		}
		.td-left{
			text-align: left !important;
		}
		.td-right{
			text-align: right !important;
		}
		.td-center{
			text-align: center !important;
		}
		.td-btn{
			cursor: pointer; 
			background: #A1887F;
			color: #fff
		}
		table tr th{
			background: #A1887F; 
			color:#fff;
		}
		.tabla-titulo{
			margin: 0; 
			padding:20px 0; 
			margin-bottom: 20px; 
			color: #fff; 
			letter-spacing: 1.5px;
			font-size: 26px;
		}

		.table-fm-search{
			background: #8D6E63;
		}
		.table-fm-search .padding-5-0{
			padding: 5px 0;
		}

/* FORM */
		.form-titulo{
			margin: 0; 
			padding:20px 0; 
			margin-bottom: 30px; 
			color: #fff; 
			letter-spacing: 1.5px
		}

		.form-titulo,
		.tabla-titulo{
			background: #8D6E63; 
		}
/* BUTTONS */
 		.btn-green{
			background: rgb(0,200,83);
			color: #fff;
			font-size: 16px;

			transition: all 0.3s ease;
		}
		.btn-green:hover{
			color: #fff;
			background: #00E676
		}
		.btn-green:active{
			outline: none !important;
		}
 		.btn-yellow{
			background: #FBC02D;
			color: #fff;
			font-size: 16px;

			transition: all 0.3s ease;
		}
		.btn-yellow:hover{
			color: #fff;
			background: #FDD835
		}
		.btn-yellow:active{
			outline: none !important;
		}
 		.btn-brown{
			background: #8D6E63;
			color: #fff;
			font-size: 16px;

			transition: all 0.3s ease;
		}
		.btn-brown:hover{
			color: #fff;
			background: #A1887F
		}
		.btn-brown:active{
			outline: none !important;
		}




		.btn-success{
			background: #00C853 !important;
			color: #fff;		
			text-decoration: none;
			transition: all 0.3s ease;

		}
		.btn-success:hover{
			background: #4cd886 !important;
			outline: none;
			box-shadow: none;
		}

		.btn-info{
			background: #00B0FF !important;
			color: #fff;		
			text-decoration: none;
			transition: all 0.3s ease;

		}
		.btn-info:hover{
			background: #40C4FF !important;
			outline: none;
			box-shadow: none;
		}
		.btn-warning{
			background: #FF9100 !important;
			color: #fff;		
			text-decoration: none;
			transition: all 0.3s ease;

		}
		.btn-warning:hover{
			background: #FFAB40 !important;
			outline: none;
			box-shadow: none;
		}
		.btn-salir{
			font-size: 14px;
			background: #795548;
			color: #fafafa;
			padding: 5px 40px;
			border-radius: 5px;
			text-decoration: none;
			transition: all 0.3s ease;
			outline: none;
			border: none;

		}
		.btn-salir:hover{
			background: #8D6E63
		}
/* MODAL HEADER */
		.modal-header{
			background: #F5F5F5
		}

		.active-2{
			background: #757575 !important;
		}
		.nav-pills .active-2 a{
			color: #fff
		}
		.nav-pills a:hover{
			background: #E0E0E0 !important;
			color: #171717;
		}
		.img-pill{
			width: 150px
		}


/* LOADING */
		@keyframes carga{
			0% {color:#795548;}
			35%	{color: #fff}
			65%	{color: #fff}
			100% {color: #795548}
		}
		#cargando{
		    animation-name: carga;
		    animation-duration: 2s;
		    animation-iteration-count: infinite;
		    animation-timing-function: ease;
		}
		.panel-loading{
			font-size: 18px;
			background: #795548 !important; 
		}
		.panel-borde{
			border: 1px solid #795548 !important
		}
		.wheel-loading{
			font-size: 60px; 
			color: #A1887F	
		}
/* REMITO */
		.borde{
			border: 1px solid black;
		}
		.b-t{
			border-top: 1px solid black
		}
		.b-l{
			border-left: 1px solid black
		}
		.b-b{
			border-bottom: 1px solid black
		}
		.b-r{
			border-right: 1px solid black
		}
		.over-hid{
			overflow: hidden;
		}
		.tabla-remito{
			margin-top: -37px;
		}
		.tabla-remito tr td{
			padding: 0 !important;
		}
		.tabla-remito tr:first-child{
			visibility: hidden;
		}
		.w-10{
			width: 10%
		}
		.w-80{
			width: 80%
		}

		.w-15{
			width: 15%
		}
		.w-55{
			width: 55%
		}
		
		.p-l-20{
			padding-left:20px;
		}
		.p-10{
			padding: 10px;
		}
		.p-21{
			padding: 21px;
		}
		.p-5-0{
			padding: 5px 0;
		}
		.father-tab-rem{
			max-height: 400px; 
			overflow:auto;
		}

/*COl EDIFICIOS*/
		.col-edi-20i{
			width: 20% !important; 
			margin-left: 13%;
			margin-right: 5%}
		.col-edi-20{
			width: 20% !important; 
			margin-left: 0%;
			margin-right: 5%
		}
		.col-edi-20-woml{
			width: 20% !important; 
			margin-right: 5%			
		}
		.col-edi-20-ml25{
			width: 20% !important;
			margin-left: 25%; 
			margin-right: 5%			
		}
		.col-edi-20-ml0{
			width: 20% !important;
			margin-left: 0%; 
			margin-right: 5%			
		}
/* 03-06-17 */
		.borde-tab{
			border: 1px solid #795548; 
			padding-left: 5px 			
		}
		.row-pad{
			padding: 0 15px 15px 15px;
		}
		.color-brown{
			color: #5D4037
		}



		.color-black{
			color:#24292e;
		}
/* 08-06-17 */
	label{
		font-size: 12px !important;
	}
	.tab-pane h3{
		font-size: 18px;
	}

	.nav-tabs li a{
		font-size: 12px;
	}
	input[type=text]{
		font-size: 13px;
	}
	.navbar h4{
		font-size: 14px
	}
	.form-control{
		padding-left: 9px;
		height: 27px;
	}
	

	.label-primary{
		background-color:#0b78d1 !important
	}