@charset "utf-8";
/* CSS Document */
.table th div a{ color: #1D1403 !important; text-decoration: none }
.row-icons-receta {    min-width: 240px;    height: auto;}
#subreccomm, #subreccommclon, #varrec, #varrecclon, #varsub, #varsubclon, #altrec, #altrecclon  {color:#000;}
#subreccomm a, #subreccommclon a, #varrec a, #varrecclon a, #varsub a, #varsubclon a, #altrec a, #altrecclon a {color:#218530; text-decoration: none;}
#subreccomm a:hover, #subreccommclon a:hover, #varrec a:hover, #varrecclon a:hover, #varsub a:hover, #varsubclon a:hover, #altrec a:hover, #altrecclon a:hover {color:#218530; text-decoration: underline;}
a.clearsearchlink {color:#218530;}
.icon-search {  background:url("../assets/img/search-off.svg") no-repeat  15px ; background-color: rgba(255, 255, 255, 100); background-size: 16px 16px }
.icon-search:focus {  background:url("../assets/img/search.svg") no-repeat 15px; background-color: #ffffff;}
.form-check {font-family: 'SF UI Display Medium';}
.noborder { border: none !important;}
.font-result {     font-family: 'SF UI Display Light'; color:#1D1403; font-size: 15px;}

.form-select-color  {     font-family: 'SF UI Display Light'; display: block;    width: 100%;    padding: 0.375rem 2.25rem 0.375rem 0.75rem; font-weight: 400;
    -moz-padding-start: calc(0.75rem - 3px);    font-size: 0.90rem;       line-height: 1.5;    color: var(--cui-form-select-color, rgba(29, 20, 3, 0.95));  background: url("../assets/img/row.svg") #D8D8D8 no-repeat;    background-repeat: no-repeat;    background-position: right 0.75rem center;    background-size: 17px 10px;
    border: 1px solid var(--cui-form-select-border-color, #D5E0E9);    border-radius: 0.25rem;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;    -webkit-appearance: none;    -moz-appearance: none;    appearance: none;}

.form-select-color:focus {  border-color: var(--cui-form-select-focus-border-color, #998fed);
  outline: 0;  box-shadow: 0 0 0 0.25rem rgba(50, 31, 219, 0.25); font-weight: 800 ;}

.form-select-color-bold:focus {  border-color: var(--cui-form-select-focus-border-color, #998fed);
  outline: 0;  box-shadow: 0 0 0 0.25rem rgba(50, 31, 219, 0.25); font-weight: 800 ;}

.form-select-color-bold {  font-family: 'SF UI Display Light'; display: block;    width: 100%;    padding: 0.375rem 2.25rem 0.375rem 0.75rem; font-weight: 800;
    -moz-padding-start: calc(0.75rem - 3px);    font-size: 0.90rem;       line-height: 1.5;    color: var(--cui-form-select-color, rgba(29, 20, 3, 0.95));  background: url("../assets/img/row.svg") #EFECE6 no-repeat;    background-repeat: no-repeat;    background-position: right 0.75rem center;    background-size: 17px 10px;
    border: 1px solid var(--cui-form-select-border-color, #EFECE6);    border-radius: 0.25rem;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;    -webkit-appearance: none;    -moz-appearance: none;    appearance: none;}


.background-white {    background: #fff;      border-top-left-radius: .7rem; border-top-right-radius: .7rem;    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;    
-webkit-box-shadow: 0px 0px 5px 2px rgba(186,186,186,0.5);
-moz-box-shadow: 0px 0px 5px 2px rgba(186,186,186,0.5);
box-shadow: 0px 0px 5px 2px rgba(186,186,186,0.5);}

.bg-light-2 {  background-color: #DCDCDC !important;}
.mr-3 {  margin-right: 1rem !important;}
.mr-4 {  margin-right: 1.5rem !important;}
.mr-5 {  margin-right: 2rem !important;}
.mr-6 {  margin-right: 2.5rem !important;  }
.border-light-2 {    border-bottom: 1px solid #d8dbe0 ; opacity: .15 }
.border-light-3 {    border-bottom: 1px solid #d8dbe0 ; opacity: .80 }
.table > thead { font-weight: 700;}

.row-products { min-width: 320px; height: auto; color:#2680EB !important;  }
.row-products a{ color:#2680EB !important; text-decoration:none;  }
.row-peso { min-width: 110px; height: auto; }
.row-proveedor { min-width: 200px; height: auto;}
.row-precio{ min-width: 100px; height: auto;}
.row-usado { min-width: 150px; height: auto;}
.row-icons { min-width: 90px; height: auto;}
.row-peso,.row-proveedor,.row-precio,.row-usado, .row-icons { color:#1D1403  !important;}
.table thead tr th{font-family: 'SF UI Display Medium';}
 .table th span{     font-family: 'SF UI Display Light' ;} 
.table th span span{     font-family: 'SF UI Display Thin' ;} 
.table-hover-receta > tbody > tr > th.color-th{color:#748A9D !important; font-size: 14px; font-font-family: 'SF UI Display Light' ;}
.color-th{ color:#748A9D ; display: block;} .table th div{     display: block;    position: relative;  top:15px;  } .table th div.top0{     display: inline-block;    position: relative;  top:0px }

.table td div {    display: inline-block;    position: relative;    top: 18px; font-weight: 700; color: #1D1403  !important;font-family: 'SF UI Display Semibold';  }
.color-td{    display: block;    color: #748A9D;    font-family: 'SF UI Display Light';}
.table td div.inventory{ margin-top:   0px  } .table td div.inventory img{ margin-right:10px; margin-top:5px;  }
.table td span a {  display: block; color:#218530; font-family: 'SF UI Display Medium'; font-size: 14px; font-weight: normal} .table td div span img{
    position: relative;    top: -5px; left: 2px;}
.padding-lr-0 { padding-right: 0 !important; padding-left: 0 !important;}


.table-hover > tbody > tr {  border-left-width: 10px; font-family: 'SF UI Display Light';}
.table-hover > tbody > tr  > th{  color: #1D1403  !important;}
.row-selected {   background-color: #D9EADD !important;border-left-color:#218530 !important;    border-left-width: 10px;}

tr{  cursor: pointer; }

.other-clic-off{  background-color:#fff !important;    border-left-width: 0px !important; }

.other-clic{  background-color:#D9EADD ; border-left-color: #218530 !important;    border-left-width: 10px; }

tr:nth-child(odd){background: #F6F6F6; border-left-color:#F6F6F6}
.objetfit img{ margin-right: 15px;	width: 60px !important;	height: 60px;	object-fit: cover;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px; border:#D8D8D8 1px solid;}
.table td div.icons img {    margin-left: 10px;}

.pagination {font-family: 'SF UI Display Light';}


 @media (min-width: 576px) {.table th div{     display: inline-block;    position: relative;  top:15px;  }}