/* SD fonts start */
@font-face {
	font-family: AvantMedium;
	src: url("../../dist/fonts/ITCAvantGardeStd-Md.otf");
}

@font-face {
	font-family: AvantBook;
	src: url("../../dist/fonts/ITCAvantGardeStd-Bk.otf");
}

@font-face {
	font-family: AvantDemi;
	src: url("../../dist/fonts/ITCAvantGardeStd-Demi.otf");
}

@font-face {
	font-family: MuseoSans300;
	src: url("../../dist/fonts/MuseoSans_300.otf");
}

@font-face {
	font-family: MuseoSans900;
	src: url("../../dist/fonts/MuseoSans_900.otf");
}

@font-face {
	font-family: MontserratBold;
	src: url("../../dist/fonts/Montserrat-Bold.ttf");
}

@font-face {
	font-family: MontserratSemiBold;
	src: url("../../dist/fonts/Montserrat-SemiBold.ttf");
}

/* SD fonts end */

.hide{
	display: none;
}
.bold{
	font-weight: 600;
}
.label-block{
	display: block;
}
.label-title{
	font-weight: 600;
}
.label-data{
	font-weight: 400 !important;
  border-bottom: 1px solid;
  margin-bottom: 15px;
}

/*LOGIN*/
.space-forgot-pass{
	margin-top: 15px;
  text-align: right;
}

/*Sizes*/
.full-w{
	max-width: 100%;
}
.block-line{
	display:block;
}
.one-line{
	white-space: nowrap;
}

/*ITEMS DETALLES*/
.lbl-title{
	font-size: 24px;
	font-weight: 600;
}
.lbl-data{
	font-size: 20px;
	font-weight: 400 !important;
	margin-left: 15px;
	border-bottom: 1px solid #efb3cb;
}
.space-bottom-6{
	margin-bottom: 30px;
}

/* izi modal start */
.iziModal .iziModal-header {
	box-shadow: 0 0 0 0;
	text-align: center;
}

.iziModal .iziModal-header.iziModal-noSubtitle .iziModal-header-title {
	text-align: center;
}

.iziModal-light .iziModal-header-title {
	font-family: AvantMedium;
	font-size: 27px !important;
	font-weight: 600;
	color: #000;
	margin: 0;
	padding-bottom: 15px;
	border-bottom: 3px solid #efb3cb;
}
/* izi modal end */

/* modal reasignar start*/
#modal-reasignar .iziModal-header-title {
	text-align: left !important;
}
#modal-reasignar #b-reasignar{
	padding: 0 10px;
}
#modal-reasignar .form-control {
	border: 1px solid #efb3cb;
    opacity: 0.72;
    border-radius: 3px;
    background-color: #E8E8E8;
    opacity: 0.7;
    color: #000000;
    font-family: AvantMedium;
    font-size: 18px;
    letter-spacing: 0;
    line-height: 22px;
}
#modal-reasignar .b-selecciona {
	display: flex;
	align-items: center;
  border: 1px solid rgba(0,191,179,0.5);
  opacity: 0.72;
  border-radius: 3px;
  background-color: #E8E8E8;
  position: relative;
	width: 100%;
  height: calc(2.25rem + 2px);
  padding: .375rem .75rem;
	opacity: 0.7;
	color: #000000;
	font-family: AvantMedium;
	font-size: 18px;
	letter-spacing: 0;
	line-height: 22px;
}
#modal-reasignar .b-selecciona .fa-chevron-down{
	font-size: 12px;
  position: absolute;
  right: 5px;
}
#modal-reasignar  .r-block{
    padding: 10px;
		border: 0.2px solid #979797;
	  border-radius: 0 0 5px 5px;
	  background-color: #FFFFFF;
	  box-shadow: 0 2px 4px 0 rgba(138,138,138,0.33);
}
#modal-reasignar  .r-cliente{
    padding: 10px;
    display: flex;
		border-bottom: 1px solid #979797;
}
#modal-reasignar  .r-conciliar{
    padding: 10px;
    display: flex;
}
#modal-reasignar  .i-check{
	margin-right: 10px;
	/* width: 18px;
	height: 18px; */
}
#modal-reasignar .b-info label{
	color: #000000;
  font-family: AvantMedium;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 18px;
}
#modal-reasignar .b-btn{
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 10px;
}
#modal-reasignar .btn-save{
	border: 1px solid #00BFB3;
  border-radius: 20px;
  background-color: #00BFB3;
	color: #FFFFFF;
  font-family: AvantMedium;
  font-size: 16px;
  letter-spacing: 0;
  line-height: 24px;
	padding: 0 30px;
}
/* modal reasignar end*/

/* modal imagen del producto start */
#modal-image #b-image{
	display: flex;
	align-items: center;
	justify-content: center;
}
/* modal imagen del producto start */

/* sweet alert success start */
.swal2-icon.swal2-success .swal2-success-ring{
border: .25em solid rgba(0, 191, 179, 0.25) !important;
}
.swal2-success-line-long{
	background-color: #00BFB3 !important;
}
.swal2-success-line-tip{
	background-color: #00BFB3 !important;
}

.swal2-styled.swal2-confirm{
	background-color: #00BFB3 !important;
	font-family: AvantMedium;
}
/* sweet alert  end */

/* loading gif start */
 #loading-icon{
	 position: fixed;
	 z-index: 20000;
	 top: -900px;
	 left: 50%;
	 float: left;
	 height: 54px;
	 width: 54px;
	 border-radius: 50%;
	 background-color: #FFF;
	 box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
 }
 #loading-icon img{
	 max-width: 100%;
 }
 /* loading gif end */

 /* btn acciones confirmado start */
 .btn-primary {
  background-color: #fff;
  border-color: #efb3cb;
  box-shadow: none;
  color: #393A37;
}
.btn-primary:hover{
	color: #fff;
	border-color: #efb3cb;
  background-color: #efb3cb;
}
.btn-primary:focus{
	color: #fff;
	border-color: #ec97b9;
  background-color:#ec97b9;
}
.btn-primary:target{
	color: #fff;
	border-color: #ec97b9;
  background-color: #ec97b9;
}
.btn-primary.confirmado {
	color: #fff;
	background-color: #ec97b9;
}
 /* btn acciones confirmado end */

 /* reasignar btns */
 .section-btns{
	 display: flex;
	 justify-content: flex-end;
 }
 .section-btns #reasignarOrder-btn{
	 all: unset;
	 display: flex;
	 align-items: center;
	 justify-content: center;
	border-radius: 3px;
	background-color: #efb3cb;
	box-shadow: 0 2px 4px 0 rgba(135,135,135,0.54);
	color: #FFFFFF;
  font-family: AvantMedium;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 19px;
	height: 40px;
  width: 273px;
	margin: 10px;
	cursor: pointer;
 }
 .section-btns #confirmarOrder-btn{
	 all: unset;
	 display: flex;
	 align-items: center;
	 justify-content: center;
 border-radius: 3px;
 background-color: #efb3cb;
 box-shadow: 0 2px 4px 0 rgba(135,135,135,0.54);
 color: #FFFFFF;
	font-family: AvantMedium;
	font-size: 16px;
	font-weight: 500;
	letter-spacing: 0;
	line-height: 19px;
 height: 40px;
	width: 273px;
	margin: 10px;
	cursor: pointer;
 }


  #reasignarOrder-btn{
    all: unset;
    display: flex;
    align-items: center;
    justify-content: center;
   border-radius: 3px;
   background-color: #efb3cb;
   box-shadow: 0 2px 4px 0 rgba(135,135,135,0.54);
   color: #FFFFFF;
 font-family: AvantMedium;
 font-size: 16px;
 font-weight: 500;
 letter-spacing: 0;
 line-height: 19px;
   height: 40px;
 width: 273px;
   margin: 10px;
   cursor: pointer;
}
#confirmarOrder-btn{
    all: unset;
    display: flex;
    align-items: center;
    justify-content: center;
border-radius: 3px;
background-color: #efb3cb;
box-shadow: 0 2px 4px 0 rgba(135,135,135,0.54);
color: #FFFFFF;
   font-family: AvantMedium;
   font-size: 16px;
   font-weight: 500;
   letter-spacing: 0;
   line-height: 19px;
height: 40px;
   width: 273px;
   margin: 10px;
   cursor: pointer; 
}

#mostrarOrdenSucursal-btn{
    all: unset;
    display: flex;
    align-items: center;
    justify-content: center;
border-radius: 3px;
background-color: #7ec6f7;
box-shadow: 0 2px 4px 0 rgba(135,135,135,0.54);
color: #FFFFFF;
   font-family: AvantMedium;
   font-size: 16px;
   font-weight: 500;
   letter-spacing: 0;
   line-height: 19px;
height: 40px;
   width: 273px;
   margin: 10px;
   cursor: pointer;
}
 /* reasignar btns */


/* Textarea detalle orden conductor */
.direccion-destino{
	width: 100%;
	min-height: 150px;
	resize: vertical;
}


a {
    color: #202020;
    text-decoration: none;
    background-color: transparent;
}

.sidebar-dark-primary .nav-sidebar>.nav-item>.nav-link.active, .sidebar-light-primary .nav-sidebar>.nav-item>.nav-link.active{
    background-color: #f084af;
}


.page-item.active .page-link {
    z-index: 3;
    color: #fff;
    background-color: #f084af;
    border-color: #f084af;
}

.swal2-styled.swal2-confirm{
    background-color: #f084af !important;
}

.card-primary:not(.card-outline)>.card-header{
    background-color: #efb3cb;
}