/******* ESTILOS GENERALES ********/
				
				body 
				{
					background: #f4f7fa!important;
				}

				#bodylogin
				{
					height: 100%;
					background-repeat: no-repeat;
					background: url(../img/login-bg2.jpg) no-repeat center center fixed!important;
				}

				a 
				{
					text-decoration: none!important;
				}
				iframe
				{
					border-radius: 10px;
				}

				/******* FUENTES ********/
				.montserrat-regular {
				  font-family: "Montserrat", sans-serif;
				  font-optical-sizing: auto;
				  font-weight: 400;
				  font-style: normal;
				}

				.montserrat-medium {
				  font-family: "Montserrat", sans-serif;
				  font-optical-sizing: auto;
				  font-weight: 600!important;
				  font-style: normal;
				}

				.montserrat-bold {
				  font-family: "Montserrat", sans-serif;
				  font-optical-sizing: auto;
				  font-weight: 800;
				  font-style: normal;
				}

		
				.quicksand-regular {
				  font-family: "Quicksand", sans-serif;
				  font-optical-sizing: auto;
				  font-weight: 400;
				  font-style: normal;
				}

				.quicksand-medium {
				  font-family: "Quicksand", sans-serif;
				  font-optical-sizing: auto;
				  font-weight: 600;
				  font-style: normal;
				}

				.quicksand-bold {
				  font-family: "Quicksand", sans-serif;
				  font-optical-sizing: auto;
				  font-weight: 800;
				  font-style: normal;
				}


				.row
			{
				margin-right: 0!important;
			}

			.curspoint
			{
				cursor: pointer;
			}

			.contprinc 
			{
				padding: 70px !important;
		    padding-top: 30px !important;
		    width: 73% !important;
		    padding-bottom: 0 !important;
			}    


			/******* COLORES PRINCIPALES ********/

			.backcolor1 
			{
				background: #5d5d5d;
			}

			.backcolor2 
			{
				background: #01a751;
			}

			.txtcolor1
			{
				color: #5d5d5d!important;
			}

			.txtcolor2
			{
				color: #01a751!important;
			}

			.titprinc
			{

				margin-top: 60px!important;
				font-size: 2.5em;
				margin-bottom: 0;
				text-align: center;
			}

			.txtcent
			{
				text-align: center;
			}



	
      /******* ESTILOS ACCESO ********/


      .cuadrocontform
			{
			   padding-top: 90px;
			}

			.micuadro
			{
			    border-radius: 10px;
			    background: rgb(111, 20, 20);
			    padding: 3%;
			    width: 100%;
			    max-width: 500px;
			    height: 500px;
			    box-shadow: 0 10px 25px rgb(234, 234, 234);
			}

			.ingreso2
			{
			    border-radius: 7px;
				padding: 3%;
				padding-top: 9%;
				width: 100%;
				max-width: 500px;
				height: 525px;
				background: #fdfdfb;
				box-shadow: 0 10px 25px rgb(94 94 94);
			}

			.titform2
			{
			    margin-top: 20px;
			    color: #5d5d5d;
			    font-size: 1.5em;
			    margin-bottom: 6%;
			}

			.logoform2
			{
				color: black;
				font-size: 4em;
				margin-bottom: 30px;
			}

			.inpform2
			{
				font-size: 1.2em;
				width: 285px;
			    color: gray;
			    padding: 3%;
			    margin-bottom: 20px;
			    border-left: none;
			    border-top: none;
			    border-right: none;
			    border-bottom: 1px solid gainsboro;
			    outline: none;
				text-decoration: none;
			}

			.butform2
			{
			    background: #01a751;
				margin-top: 25px;
				color: white;
				padding: 2.7%;
				width: 60%;
				border-radius: 50px;
				border: none;
				outline: none;
				font-size: 1.5em;
				margin-bottom: 27px;
				text-decoration: none;
  				transition-duration: 0.3s;
			}

			.butform2:hover
			{
				background: none; 
				color: #01a751; 
				border: 2px solid #01a751;
			}

			.forgot2
			{
				color: black;    	
   				text-decoration: none;
   				font-size: 1.1em;
			}

			.forgot2:hover, .forgot2:focus
			{
				text-decoration: none;
				color: black;
			}

			.estform2
			{
				color: gray;
			    font-size: .9em;
			    margin-top: 10%;
			}

			.formest2
			{
				color: black;
			}

		/************ESTILOS MENU TOP**********/

		.btnmenuprinc 
		{
			color: white;
			font-size: 2.7em;
			border-radius: 50px;
			border: none;
			margin-left: 4%;
			width: 100%;
			max-width: 65px;
			max-height: 65px;
			height: 100%;
		}

		.inpbusqueda 
		{
		background: #fdfdfb;
	    border: none;
	    border-radius: 50px;
	    padding: 15px;
	    padding-left: 25px;
	    width: 100%;
	    max-width: 500px;
	    font-size: 1.2em;
	    margin-left: 5%;
	    box-shadow: 0 10px 25px rgb(234, 234, 234);
		}

		.cuadiconsearch
		{
			margin-left: -40px;
			color: white;
			padding-left: 12px;
			font-size: 2.8em;
			border-radius: 50px;
			width: 100%;
			max-width: 70px;
			max-height: 70px;
			height: 100%;
		}

		.cuadiconprofile
		{
			margin-left: 7%;
			color: white;
			padding-left: 12px;
			font-size: 2.8em;
			border-radius: 50px;
			width: 100%;
			max-width: 70px;
			max-height: 70px;
			height: 100%;
		}
		.cuadprofile
		{
			width: 80%;
		}

		.nombreusuario
		{
			font-size: 1.5em;
			margin-left: 10px;
		}

		.tipousuario
		{
			font-size: 1.2em;
			margin-left: 10px;
		}


		/************BARRA LATERAL DERECHA**********/

		.barralateral 
		{
			overflow: hidden;
	    width: 27% !important;
	    padding-top: 35px;
	    padding-left: 10px !important;
	    padding-right: 10px !important;
	    background: white;
	    height: 100%;
	    margin-left: 73%;
	    position: fixed !important;
	    z-index: 1;
	    box-shadow: 0 10px 25px rgb(234, 234, 234);
	    border-radius: 40px 0px 0px 40px;
		}

		.logoside
		{
			margin-bottom: 35px;
			width: 60%!important;
		}

		.csproxentregas
		{
			background: #f4f7fa;
			width: 90%;
			margin-left: 5%;
			max-height: 137px;
			height: 100%;
			border-radius: 8px;
		}

		.btnvsb 
		{
			color: white;
	    font-size: 1.2em;
	    border-radius: 0px 0px 5px 5px;
	    text-align: center;
		}

		.ullistordsb
		{
			padding: 0!important;
		}

		.listordsb
		{
			padding-top: 5px;
			padding-bottom: 5px;
			font-size: 1em;
			border-bottom: 1px solid #e5e5e5;
			list-style: none;
			padding-left: 3%;
			padding-right: 3%;
			cursor: pointer;
		}

		.etfolsb 
		{
			color: #c94033;
		}

		.btnosb 
		{
			margin-top: 15px;
	    padding: 3%;
	    width: 80%;
	    margin-left: 10%;
	    color: white;
	    font-size: 1.6em;
	    border-radius: 8px;
	    text-align: center;

		}


		/************MENU PRINCIPAL**********/
		.cuadmenubotones
		{
			margin-top: 40px !important;
			width: 90% !important;
			height: 185px;
			background: white;
			padding-right: 5% !important;
			padding-top: 5%;
			padding-left: 5% !important;
			padding-bottom: 0;
			border-radius: 10px;
			box-shadow: 0 10px 25px rgb(234, 234, 234);
			margin-bottom: 20px;
			transition-duration: 0.3s;
			cursor: pointer;
			margin-left: 5%;
			display: grid;
			place-items: center;
		}

		.cuadmenubotones:hover 
		{
			background-color: #d9ece3;
			box-shadow: rgba(217, 236, 227) 0px 3px 8px;
		}
		.titbotones
		{
			margin-top: 15px;
			font-size: 1.4em;
			padding-bottom: 6px;
		}


		/************MENU SIDE BAR**********/
		.sidenav {
		  height: 100%;
	    width: 0;
	    position: fixed;
	    z-index: 1;
	    top: 0;
	    left: 0;
	    overflow-x: hidden;
	    transition: 0.5s;
	    padding-top: 150px;
	    box-shadow: 0 10px 25px rgb(93 93 93);
	    transition: all .15s ease;

		}

		.sidenav a {
		  padding: 8px 8px 8px 32px;
		  text-decoration: none;
		  font-size: 25px;
		  color: #f7f7f7;
		  display: block;
		  transition: 0.3s;
		}

		.sidenav a:hover {
		  color: #5d5d5d;
		}

		.sidenav .closebtn {
		  position: absolute;
		  top: 0;
		  right: 25px;
		  font-size: 36px;
		  margin-left: 50px;
		}

		#main {
		  transition: margin-left .5s;
		  padding: 16px;
		}

	/************NUEVO PEDIDO**********/
		.txtcolornp
		{
			color: #e32c23!important;
		}

		.titsec
		{
			margin-left: 4%;
			margin-top: 25px!important;
			margin-bottom: -20px;
		}

		.txttr
		{
			margin-top: 15px;
			font-size: 1.4em;
			margin-bottom: 0;
			text-align: left;
		}

		.txttp
		{
			text-align: left;
    		font-size: .8em;
		}

		.precio
		{
			padding-top: 22%;
    		font-size: 2.2em;
		}

		.selectno
		{
			margin-top: 30px;
			background: white;
			width: 90%;
			height: 60px!important;
			margin-bottom: 25px;
			padding: 3%;
			border: none;
			border-radius: 10px;
			font-size: 1.3em;
			box-shadow: 0 10px 25px rgb(234, 234, 234);
		}

		.pdlef
		{
			padding-left: 5%!important;
		}

		.roscsb
		{
			margin-left: 13%;
    		padding-top: 34%;
		}

		.cscuadnosb
		{
			width: 90%;
			margin-left: 5%;
			max-height: 115px;
			height: 100%;
			border: 2px solid #01a751;
			border-radius: 8px;
		}

		.txtnosb
		{
			margin-top: 8px;
			font-size: 1.4em;
			margin-bottom: 0;
			text-align: left;
		}

		.txtnosb2
		{
			text-align: left;
			font-size: .9em;
			margin-bottom: 0;
		}

		.txtcesp
		{
			margin-top: 7px;
			text-align: center;
			font-size: 1em;
		}
		
		.inpcesp
		{
			font-size: 1.8em;
			margin-top: 32% !important;
			margin-left: 0 !important;
		}

		.form-check-input:checked 
		{
			background-color: #01a751!important;
			border-color: #01a751!important;
		}

		.file-select {
				  position: relative;
				  display: inline-block;
				  width: 90%;
				  margin-bottom: 35px;
				}

			.file-select::before 
			{
			      margin-top: 30px;
				width: 90%;
				background: #01a751;
				height: 60px !important;
				margin-bottom: 25px;
				padding: 3%;
				border: none;
				border-radius: 10px;
				font-size: 1.3em;
				box-shadow: 0 10px 25px rgb(234, 234, 234);
			  color: white;
			  display: flex;
			  justify-content: center;
			  align-items: center;
			  content: 'Subir Archivo'; /* texto por defecto */
			  position: absolute;
			  left: 0;
			  right: 0;
			  top: 0;
			  bottom: 0;
			  
			}

			.file-select input[type="file"] {
				margin-top: 30px;
			  opacity: 0;
			  width: 100%;
			  height: 50px;
			  display: inline-block;
			  cursor: pointer;
			}

			.txdcno
			{
				margin-left: 5%!important;
				margin-top: 8px;
				font-size: 1em;
				margin-bottom: 0;
				text-align: left;
			}



			.txtrestno
			{
				font-size: 1.5em!important;
				
			}

			.divmit
			{
				height: 35px;
				width: 50%;
				float: left;
			}


			.preciono
			{
				font-size: 1.3em;
				margin-right: 14%;
				text-align: right;
			}

			.btncor 
			{
				margin-top: 25px;
				padding: 3%;
				width: 90%;
				margin-left: 5%;
				color: white;
				font-size: 1.3em;
				border-radius: 8px;
				text-align: center;
			}

			.txtocf
			{
				font-size: 2em;
				margin-bottom: 0;
				text-align: left;
			}

			.txtocf2 {
				text-align: left;
				font-size: 1em;
				margin-bottom: 0;
			}

			.mb
			{
				margin-bottom: 5%;
			}

			.imgocr
			{
				padding-left: 25%!important;
			}

			.cuadpreciooc
			{
				width: 50% !important;
				font-size: 1.3em;
				padding: 2%;
				margin-bottom: 25px;
				border-radius: 10px;
				height: 150px;
				margin-top: 30px !important;
				background: white;
				box-shadow: 0 10px 25px rgb(234, 234, 234);
			}

			.btnedooc
			{
				background: none;
				font-size: 1.5em;
				border-radius: 5px;
				border: 1px solid #01a751;
				padding: 2%;
				width: 70% !important;
				margin-top: 10px !important;
				margin-bottom: 20px;
			}

			.btnimptick
			{
				background: #01a751;
				font-size: 1.5em;
				color: white;
				border-radius: 5px;
				border: 1px solid #01a751;
				padding: 2%;
				width: 70% !important;
				margin-top: 10px !important;
				margin-bottom: 20px;
			}

			.pdnone
			{
				padding: 0!important;
			}

			.cuadordlist
			{
				background: white;
				padding: 25px;
				border-radius: 8px;
				box-shadow: 0 10px 25px rgb(234, 234, 234);
				overflow-x: auto;
			}
			
			.pdordlist
			{
				padding-top: 15px!important;
    			padding-bottom: 15px!important;
			}

			.btntab
			{
				cursor: pointer;
				background: none;
				padding: 5%;
				text-align: center;
				border: 1px solid #01a751;
				color: #01a751;
				border-radius: 5px;
				margin-left: 10%;
				-webkit-transition: all 500ms ease;
				-o-transition: all 500ms ease;
				transition: all 500ms ease;
				outline: none;
				text-decoration: none;
			}

			.btntab:hover {
				background: #01a751;
				border: 1px solid #01a751;
				color: white;
				text-decoration: none;
			}

			.pdbtnvm
			{
				padding-top: 15px!important;
			}

			.iconpedlist
			{
				font-size: 3em!important;
			}
			
			.cuadpedlist
			{
				margin-top: 40px !important;
				width: 100% !important;
				height: 185px;
				background: #5d5d5d;
				padding-right: 5% !important;
				padding-top: 5%;
				padding-left: 5% !important;
				padding-bottom: 0;
				border-radius: 10px;
				box-shadow: 0 10px 25px rgb(234, 234, 234);
				margin-bottom: 20px;
				transition-duration: 0.3s;
				cursor: pointer;
				text-align: center !important;
			}

			.txtbco
			{
				color: white!important;
			}

			.txtpedmod
			{
				background: #f5f5f5;
				margin-top: 30px;
				width: 100%;
				height: 60px !important;
				margin-bottom: 25px;
				padding: 3%;
				border: none;
				border-radius: 10px;
				font-size: 1.5em;
			}

			.pdleftmodp
			{
				padding-left: 15px;
			}

			.txtmodprec1
			{
				margin-left: 35%;
				font-size: 1.5em;
				margin-bottom: 0;
				text-align: left;
			}

			.txtmodprec2
			{
				font-size: 1.8em;
				margin-right: 30%;
				text-align: right;
			}

			.txtprecmod
			{
				font-size: 2em!important;
			}

			.modheadped
			{
				border: none!important;
    			padding-bottom: 0!important;
			}

			.modbodped
			{
				padding-top: 0!important;
			}

			.btnadduser
			{
				margin-top: 60px;
				padding: 3%;
				margin-bottom: 40px;
				width: 100%;
				max-width: 265px;
				margin-left: 10%;
				color: white;
				font-size: 1.3em;
				border-radius: 8px;
				text-align: center;
			}
			
			.iconusermod
			{
				font-size: 3em!important;
				margin-bottom: 20px;
			}

			.bcknone
			{
				background: none!important;
			}

			.checkusmod
			{
				font-size: 1.8em;
				margin-left: 0 !important;
			}

			.mgtopusmod
			{
				margin-top: 40px!important;
			}

			button.option-card { 
				all: unset; 
				display: block; 
				width: 100%; 
			}

      .option-card { 
				cursor: pointer; 
				border-radius: 16px; 
				border: 2px solid transparent; 
				transition: box-shadow .2s ease, border-color .2s ease, transform .05s ease; 
			}

      .option-card:is(:hover, :focus-visible) { 
				transform: translateY(-1px); 
			}

      .option-card.is-selected { 
				border-color: #16a34a; 
				box-shadow: 0 10px 30px rgba(0,0,0,.08); 
			}

      .option-card:focus-visible { 
				outline: 3px solid #16a34a; 
				outline-offset: 2px; 
			}
			
      .acciones-form { 
				margin-top: 24px; 
			}



/* Small devices (portrait tablets and large phones, 600px and up) */
@media screen and (max-height: 450px) {
  .sidenav {padding-top: 15px;}
  .sidenav a {font-size: 18px;}
}

@media only screen and (min-width: 600px) {
  
}

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {
  .example {background: blue;}
} 

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {
  .example {background: orange;}
} 

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {
  .example {background: pink;}
}



/** ==================================== BARRA DE DESPLAZAMIENTO (SCROLLBAR)  ===================================== **/
	::-webkit-scrollbar
	{
	      width: 7px;
				height: 8px;
	}

	::-webkit-scrollbar-track
	{
    box-shadow: inset 0 0 2px grey;
    border-radius: 10px;
	}

	::-webkit-scrollbar-thumb
	{
      background: #01a751;
    	border-radius: 10px;
		}

		::-webkit-scrollbar-corner
			{
      	background-color: black;
      }