/*.table-custom thead th {
    color: green
}*/
/*.dxc-arg-elements > text {
    font-size: 0.7em!important;
}*/
#tabProds > div .modal-dialog {
    max-width: 920px;
}
#graphId .card-body {
    padding-bottom: 0;
}
.addShadow {
    box-shadow: 0px 1px 2px #00000029;
}
.border-thin {
    background-color: transparent;
    /*  padding-bottom: 0px;*/
    border-width: 2px;
    color: #707070;
}
.psedo-btn {
    font-size: 1.1em;
    box-shadow: 0.5px 0.5px 2px 1px #bfbdbd;
    border-radius: 5px;
    opacity: 1;
    font-weight: bolder;
    margin-bottom: 8px;
    margin-top: 5px;
}
.card-note {
    box-shadow: 0.5px 0.5px 2px #757575;
    border-radius: 5px;
    opacity: 1;
    font-weight: bolder;
}
 .trayBtn {
     padding: 0px;
     margin: 5px;
     
 }
.dxgraph {
    font-size: 1em;
}
.dxbs-gridview > .card .dxbs-table > thead > tr > th {
  
  text-align:center;
  padding:1px;
}

#gridAId .dxbs-fl.dxbs-grid-fl {
    background-color: #f2f8fc; /*#fafdff;*/
}
#gridRId .dxbs-fl.dxbs-grid-fl {
    background-color: #f2f8fc; 
}
.fontMd{
    font-size:1.15em;
}
.hide-li {
    display: none;
}
.show-li {
    display: block;
}
.thRight{
    text-align:left;
}
/*.dxbs-gridview > .card .dxbs-table > tbody > tr.bg-primary .btn-link {
    background-color: #e2f2d5;
    color: forestgreen;
}*/
 a {
    color: black;
}
.isDisabled {
    cursor: not-allowed;
    opacity: 0.5;
}

a[aria-disabled="true"] {
    color: currentColor;
    display: inline-block; /* For IE11/ MS Edge bug */
    pointer-events: none;
    text-decoration: none;
}
.font-smaller {
    font-size:inherit;
}
.font-much-smaller {
    font-size: 0.85em;
}
.dropdown-menu {
    font-size: 1em;
    line-height:1;
}
.nav-link-striped {
    padding: 0px;
}
/*.table-striped tbody tr:nth-of-type(odd) {
    background-color: #e6ede4
}*/
.h7 {
    font: Bold 14px Titillium Web;
}
.blHead {
    background-color: white;
    border-bottom: whitesmoke;
}
.bckgr {
    background-image: url(/images/bgdesktop.png);
    background-repeat: no-repeat;
    background-size: cover
}
.table-striped tbody tr:hover {
    background-color: #e4e6e3
}
.main-box {
    background: transparent linear-gradient(180deg, #D9D9D9 0%, #CED4CA 0%, #DBDBDB 49%, #FFFFFF 100%) 0% 0% no-repeat padding-box; 
    opacity: 1;
}
.whitebcgr {
    background: white;
    opacity: 1;
}
.intro {
    margin-bottom: 15px;
    padding-left: 1rem;
    padding-right: 1rem;
    box-shadow: 0px 1px 5px #757575;
    border: 2px solid #FFFFFF;
    border-radius: 8px;
    opacity: 1;
    font: Bold 1.2em Titillium Web;
    letter-spacing: 0;
    color: #FFFFFF;
}
.introAll {
    padding-bottom: 1rem;
    padding-top: 0.5rem;
    background: #2BB673 0% 0% no-repeat padding-box;
    font: Bold 1.2em Titillium Web;
    letter-spacing: 0;
    color: #FFFFFF;
}
.introA {
    padding-bottom: 0.5rem;
    padding-top: 0.5rem;
    background: #007a33 0% 0% no-repeat padding-box;
}
.introM {
  
    padding-bottom: 0.5rem;
    padding-top: 0.5rem;
    background: #2BB673 0% 0% no-repeat padding-box;
   
}
.introR {
    padding-bottom: 0.5rem;
    padding-top: 0.5rem;
    background: #EBE5D4 0% 0% no-repeat padding-box;
    color: #41201F;
}
.introGF {
    padding-bottom: 0.5rem;
    padding-top: 0.5rem;
    background: #2BB673 0% 0% no-repeat padding-box;
}
.introY {
    padding-bottom: 1rem;
    padding-top: 1rem;
    background: #454545 0% 0% no-repeat padding-box;
}
.introLS {
   
    padding-bottom:0.5rem;
    padding-top:0.5rem;
    background: #454545 0% 0% no-repeat padding-box;
    
}
.card-stack {
    box-shadow: 0px 1px 5px #757575;
    border-radius: 8px;
    opacity: 1;
    font-size: 12px;
    letter-spacing: 0;
    color: #000000;
}
.card-dash {
    font-size: 14px;
    letter-spacing: 0;
    color: #FFFFFF;
    text-align:center;
}
.card-dash-inside {
    box-shadow: 0px 1px 5px #757575;
    border-radius: 8px;
    opacity: 1;
    background: transparent linear-gradient(122deg, #FFFFFF 0%, #EFEFEF 100%) 0% 0% no-repeat padding-box;
    color: #000000;
}
.card-dash-add {
    box-shadow: 0px 1px 5px #757575;
    border-radius: 8px;
    opacity: 1;
    font-size: 1.2em;
    font-weight: bolder;
}
.titleRD {
    color: #41201F;
}
.btn-add {
    background: #D9D9D9 0% 0% no-repeat padding-box;
    border: 2px solid #FFFFFF;
    border-radius: 8px;
    opacity: 1;
    color: black;
    font-size: smaller;
    font-weight:bolder;
    float:left;
}
.sample {
    background: whitesmoke;
    /*transparent linear-gradient(100deg, #FFFFFF 0%, #EFEFEF 100%) 0% 0% no-repeat padding-box;*/
    text-align: left;
    font-size: 1em;
}
.purchase {
    background: transparent linear-gradient(110deg, #FFFFFF 0%, #F1F1F1 100%) 0% 0% no-repeat padding-box;
    letter-spacing: 0;
}
.recommend {
    background: url(/images/Blurredbckgr.PNG);
    background-repeat: no-repeat;
    background-size: cover;
    text-align: center;
}
.recommendY {
    background: transparent linear-gradient(123deg, #FFFFFF 0%, #FFFFFF 0%, #EAEFE7 100%) 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 10px #00000040;
    opacity: 1;
    text-align: center;
}
.graph {
    text-align: right;
    letter-spacing: 0;
    color: #2A2A26;
    opacity: 1;
   
    font-size: 1em;
}
.card-ultra-stack {
    box-shadow: 0px 1px 5px #757575;
    border-radius: 8px;
    opacity: 1;
    font-size: 0.8em;
    letter-spacing: 0;
    color: #000000;
}
.tested {
    background: transparent linear-gradient(138deg, #FFFFFF 0%, #EEEEEE 100%) 0% 0% no-repeat;
}
.raw {
    text-align: left;
    letter-spacing: 0;
    color: #000000;
}
.grid {
    background: transparent linear-gradient(143deg, #FFFFFF 0%, #EEEEEE 100%) 0% 0% no-repeat ;
}
.btn-shop {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 0.5px solid #707070;
    border-radius: 10px;
    font:bolder  1em Titillium Web;
    color: #000000;
    text-wrap:none;
}
.btn-one-shop {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 0.5px solid #707070;
    border-radius: 10px;
    font: bolder 1rem Titillium Web;
    color: #000000;
    text-wrap: none;
}
.trans {
    background-color: transparent;
    padding-bottom: 0px;
    border:none;
}
.border-trans {
    background-color: transparent;
    padding-bottom: 0px;
    border-width: 2px;
}
.raw-header {
    font: Bold 17px/26px Titillium Web;
    letter-spacing: 0;
    color: #515151;
}
card-mod{
    margin:auto;
    display:block;
}
.learnHeader {
    font: Bold 2.2rem Titillium Web;
    color: black;
    padding-bottom: 1rem;
}

.transLearnHeader {
    background-color: transparent;
    font: Bold 1.4rem Titillium Web;
    color: black;
    padding-bottom: 0;
    border-width: medium;
    margin-bottom: 1rem;
    margin-top: 1rem;
}

.border-btm {
    border-bottom-color: lightgrey;
    border-bottom-width: thin;
}

.card-learn {
    font: 400 1rem Titillium Web;
    color: black;
    /* letter-spacing: 0;*/
    border: none;
    background-color:white;
}
.no-border{
    border:none;
}
.wrapper-boxLearn {
    padding-top: 2rem;
    max-width: 800px;
    background-color: #FFFFFF;
    margin: auto;
}
.wrapper-box {
    padding-top: 2rem;
    /*padding-left: 2rem ;
    padding-right: 1.5rem ;*/
    max-width: 900px;
    margin: auto;
}
.wrapper-box-long {
    padding-top: 2rem;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    max-width: 1100px;
    margin: auto;
}
.wrapper-box-bad {
    padding-bottom: 2rem;
    padding-top: 1rem;
    padding-left: 2rem;
    padding-right: 1.5rem;
    max-width: 900px;
    margin: auto;
}
.wrapper-user {
    padding-top: 2rem;
    padding-bottom: 2rem;
    color:black;
    max-width: 900px;
    margin: auto;
    height:400px;
    border-bottom:1px solid;
    border-color:whitesmoke;
}
    .dash-title {
    font-weight:bold;
 
    text-shadow: 0px 1px 10px #000000;
    opacity: 1;
    text-align: center;
}
.btn-yellow {
    background: #E2AB36 0% 0% no-repeat padding-box;
    border: 2px solid #FFFFFF;
    border-radius: 8px;
    opacity: 1;
    color: white;
    font-size: 14px;
}
.btn-navy {
    background: #073B5E 0% 0% no-repeat padding-box;
    border: 2px solid #FFFFFF;
    border-radius: 8px;
    opacity: 1;
    color: white;
    font-size:smaller;
    font-weight:lighter;
}
.btn-green {
    background: #2BB673 0% 0% no-repeat padding-box;
    border: 2px solid #FFFFFF;
    border-radius: 8px;
    opacity: 1;
    color: white;
    font-size: 14px;
    
}
.btn-rd-blue {
    background: #5E88B6 0% 0% no-repeat padding-box;
    border: 2px solid #FFFFFF;
    border-radius: 8px;
    opacity: 1;
    color: white;
    font-size: 1em;
}

.btn-rd-green {
    background: #A0B881 0% 0% no-repeat padding-box;
    border: 2px solid #FFFFFF;
    border-radius: 8px;
    opacity: 1;
    color: white;
    font-size: 1em;
}
.bck-color-dr-green {
    background-color: #618230;
}
/*Density chart styling*/
.dens-header {
    border-color: #2BB673;
    background-color: #2BB673;
    color: white;
    padding-top:4px;
}
.dens-rd-header {
    border-color: #618230;
    background-color: #618230;
    color: white;
    padding-top: 4px;
}
.home-chart {
    min-height: 220px !important;
    height: 220px;
}

    .home-chart .dx-chart-legend-container {
        display: none;
    }
#grad {
    background-image: linear-gradient(to right,#4D4D4D,#0E76BD, #1C9697,#2BB673,#36F297 );
}
.grad1 {
    background-image: linear-gradient(to right, #4D4D4D,#0E76BD);
}

.grad2 {
    background-image: linear-gradient(to right,#0E76BD, #1C9697);
}

.grad3 {
    background-image: linear-gradient(to right, #1C9697,#2BB673);
}

.grad4 {
    background-image: linear-gradient(to right,#2BB673,#36F297);
}
.home-chart .card-body {
    padding: 0 0.5rem;
}

.home-chart .dxc-markers path {
    pointer-events: none;
}

    .home-chart .dxc-markers path:nth-child(2) {
        fill: #e4e4eb;
    }

.chart-label {
    top: -105px;
}
.chart-percent {
    top: -105px;
}

.chart-text-right {
    border-left: 3px solid #e4e4eb;
}
/*try chart*/
.try-chart {
 
    min-height: 220px !important;
    height: 220px;
}



.try-chart .dx-chart-legend-container {
    display: none;
}

.try-chart .card-body {
    padding: 0 0.5rem;
}

.try-chart .dxc-markers path {
    pointer-events: none;
}

    .try-chart .dxc-markers path:nth-child(5) {
        fill: url(#s1 ); /*#e4e4eb;*/
    }
    /*darkgreen*/
    .try-chart .dxc-markers path:nth-child(2) {
        fill: url(#s3 ); 
    }
    /*med-blue*/
    .try-chart .dxc-markers path:nth-child(1) {
        fill: url(#s2 );
    }
   
    /*black*/
    .try-chart .dxc-markers path:nth-child(4) {
        fill: #e4e4eb; 
    }
    /*lightgreen*/
    .try-chart .dxc-markers path:nth-child(3) {
        fill: url(#s4 ) /*#36F297; */
    }
    .try-chart .dxc-markers path:nth-child(6) {
        fill: #e4e4eb;
    }
.main-stop {
    stop-color: #36F297; /*lightgreen*/
}
.optimal {
    padding-right: 2rem;
    padding-left: 2rem;
}
.redmond-green {
    color: #618230;
   
}
.color-soilGreen {
    color: #2BB673
}
.before-main {
    stop-color: #2BB673; /*darkgreen*/
}

.alt-stop {
    stop-color: #0E76BD /*med-bleu;*/
}

.med-stop {
    stop-color: #2BB673; /*darkgreen*/
}

.end-stop {
    stop-color: #4D4D4D;
}
/*blue*/
.second-stop {
    stop-color: #1C9697;
}
    /*end trychart*/


.trending-icon {
    color: #1cbd00;
    font-size: 20px;
}
.soilYellow {
    color: #E2AB36;
}
.home-chart pattern {
    /*display: none;*/
}
.font-bigger {
    font-size: 1.1rem;
    font-weight: 600;
}
.mybadge {
    display: inline-block;
    padding: .3em .3em;
    font-size: 75%;
    font-weight: 700;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25rem;
    color: #212529;
    height:45px;
    width:50px;
    /*background-color: #f8f9fa;*/
    border-color: #6c757d ;
    border-width: thin;
}
.mybadgeLe {
    display: inline-block;
    padding: .3em .3em;
    font-size: 65%;
    font-weight: 700;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25rem;
    color: #212529;
    height: 55px;
    width: 65px;
    border-color: #6c757d;
    border-width: thin;
}
.gaphColor0 {
    color: #084067;
}

.gaphColor1 {
    color: #0e76bd;
}

.gaphColor2 {
    color: #87b7d8;
}

.gaphColor3 {
    color: #693dba;
}

.gaphColor4 {
    color: #329491;
}

.gaphColor5 {
    color: #7f3db8;
}
.void {
    background-color: #f8f9fa;
}
.assign {
    background-color: #2BB673;
}
.leach {
    background-color: #E2AB36;
}
.leachDone {
    background-color: #fa904d;
}
.current {
    background-color: #cae1fa;
}
.info {
    font-size: xx-small; 
}
.label-sm {
    font-size: x-small;
    font-weight: lighter;
}
.color-soilGreen {
   color: #2BB673
}
.dashboard-grid-row {
    border-top: 1px solid gray;
}
.hReg {
    color: #0E76BD;
    font-weight: bolder;
}
.hRyk {
    color: white;
    font-weight: bolder;
    text-shadow: 0px 1px 6px gray;
    opacity: 1;
}
.btn-blue {
    background: #0E76BD 0% 0% no-repeat padding-box;
    border: 2px solid #FFFFFF;
    border-radius: 8px;
    opacity: 1;
    color: white;
    font-size:14px;
    
}
.input-round {
    color: #2bb673;
    padding-left:1em;
    padding-right:1em;
    text-align: center;
    border-radius: 5px;
}

.errShow {
    visibility: visible;
}

.errNoShow {
    visibility: hidden;
}
.text-blue{
    color:blue;
}
.siteBlue {
    color: #0E76BD;
}
.nav-link-blue {
    color: #0E76BD;
    text-decoration: underline;
    font: bold 1em Titillium Web;
    padding-right: 15px;
}
    .nav-link-blue:hover {
        color: #0a578c;
    }
.dxc-arg-elements > text {
   font-weight: bold !important;
    color: #000000 !important;
    fill: #000000 !important;
}
.turn {
    -ms-transform: rotate(360deg); /* IE 9 */
    -webkit-transform: rotate(360deg); /* Safari 3-8 */
    transform: rotate(360deg);
}
.phNote{
    font-size:0.9rem;
    font-weight:600;
    padding-top:0.5rem;

}
@media not all and (min-resolution:.001dpcm) {
    @supports (-webkit-appearance:none) {
        .notSafari {
            display: none !important;
        }

    
    }
}
@media (max-width: 568.99px) {
    .dxc-arg-elements > text {
        font-size: 0.7em!important;
    }
}
@media(min-width:569px) {
    .dxc-arg-elements > text {
        font-size: 0.75em !important;
       
    }
}
    @media (max-width: 767.98px) {
        .card-columns {
            column-count: 1;
        }
        .optimal {
            padding-right: 1rem;
            padding-left: 1rem;
        }
            .wrapper-box {
            padding-left: 0;
            padding-right: 0;
        }
      
        .intro {
            font-size: 0.9em;
            padding-left:0.5em;
            padding-right:0.5em;
        }
        #nav1 nav {
            justify-content: center;
        }

        .font-smaller {
            font-size: 1em;
        }
       
        #scanPad {
            padding-top: 3rem;
        }

        #mPhone {
            visibility: visible;
        }
        #mPhoneU {
            visibility: visible;
        }
    }


    @media (min-width: 768px) {
        .card-columns {
            column-count: 2;
        }
      
        .dxc-arg-elements > text {
            font-size: 0.8em !important;
        }
        #nav1 nav {
            justify-content: end;
        }

        /*#scanBody {
            background-image: url(/images/bgdesktop.png);
            background-repeat: no-repeat;
            background-size: cover
        }*/

        #scanPad {
            padding-top: 5rem;
        }

        #mPhone {
            visibility: hidden;
        }
        #mPhoneU {
            visibility: hidden;
        }
    }

@media print {
    .no-print, .no-print * {
        display: none !important;
    }
    body {
        -webkit-print-color-adjust: exact !important;
    }
}