html {
    box-sizing: border-box;
}
*, *:before, *:after {
    box-sizing: inherit;
}    
#cfi-header{
    padding: 0px;
}
.isSuitable {
    background-color: darkgreen;
    font-size:small;
}
.isPartiallySuitable {
    background-color: lightgreen;
    font-size:small;
}
.isNotSuitable {
    background-color: orange;
    font-size:small;
}
#inventory{
    width: 20% !important;
}

.glyphicon-info-sign{
    color: #145491; 
}
.inventory-info{
    color: #145491;
    cursor: help;
}
#analysis-table td{
    color:#4c4c4c;
    font-family: 'Open Sans', Sans-serif;
}

.modal-header{
    background-color:#145491;
    color:#ffffff;
}
.modal-header .close{
    color:#ffffff;
}
.btn-group {
    padding: 10px;
}
#analysis-type{
    background-color: #D2E7FB;
    color: #145491;
    padding: 10px;
    float:left;
}

.footer-link{
    padding: 10px;
    text-align: center;
}
.col-sm-8{
    text-align: left;
}
#close-btn{
    float: right;
}

#inventoryLink a, .about-page-content a, .inventory-link, #welcome-text a, #about-content a, .more-info{
    color: #145491;
}

div.tooltip-inner.inventory-inner{
    text-align: left;
    width: max-content;
    max-width: 40%;

}
div.tooltip-inner.inventory-inner p{
    color: #ffffff;
    background-color: #000000;
    font: normal 14px arial;
}
div.tooltip.inventory-tooltip {
    max-width:100%;
    min-width: 25%;
    width:100%;

}
.dot{
    height: 40px;
    width: 40px;
    border-radius: 50%;
    display: inline-block;  
} 
.analysis-dot{
    vertical-align: middle !important;
    text-align: center;
}
.tbl-header,.tbl-span-header, td.small-dot,.modal-header, .btn-block{
    text-align: center !important;
}
.tbl-header, .tbl-span-header,.tbl-metadata-header{
    background-color: #145491;
    font: bold 16px arial;
    vertical-align: top !important;       
}
.tbl-header{
    max-width: 50px;
}
td.inventory-cell{
    text-align: left;
    width: 20% !important;
    font: bold 14px Arial;
}
.small-dot{
    height: 20px;
    width: 20px;
    border-radius: 50%;
    display: inline-block;  
} 
.main-content{
    margin: 0 50px 0 50px;
}
#welcome-title, h2{
    font: 30px Arial !important;
    color:#707070 !important;
    padding: .5em 0;
    text-align: center;
}

.category.active, .category.focus, .category:active, .category:focus, .category:hover{
    background-color:#D2E7FB; 
    border-color: #145491;
}
a.category{
    min-width: 150px;
    border-color:#ccc;
}
thead{
    background-color: #145491 !important;
}
#key{
    padding: 10px;
}
.options{
    margin-bottom: 15px;
}
td{
    vertical-align: middle;
}
.btn-block{
    padding:10px;
}
.key-item, a.category{
    font-size: 1em;
    font-weight: 200;
    line-height: 18px;
    color:#707070 !important;
}
.header-info{
    color:#fff;
    font-size: 12px;
}
.popover{
    max-width:700px !important;
    min-width:400px !important;
}
.popover-title{
    height:60px !important;
    text-align: center;
    font: normal 16px Arial !important;
}
.popover-label{
    font-weight: bold;
}
.popover-dot-label{
    width: 90%;
    padding-left: 10px;
}
.popover-dot-key{
    padding: 0 0 20px 10px;
}
#all-metadata-link{
    background-color:#707070;
    color: #fff;
    border-color: #4c4c4c;
}
#all-metadata-link:hover{
    background-color: #cccccc;
    color:#4c4c4c;
}
.popover-footer{
    text-align: center;
    padding:20px 10px 10px 10px;
}
.interp-text{
    padding: 0px 10px 10px 10px;
}
tr.even, table tr:nth-child(2n){
    background-color:#f2f2f2;
}
#data-table tr td{
    padding: 10px;
}
.popover-body{
    max-height: 200px;
    overflow: auto;
}

#analysis-table tbody tr.dtrg-group.collapsed td{
    background-color:#e0e0e0 !important ;
    border-color:#ccc !important;
}
#analysis-table tbody tr.dtrg-group td{
    background-color:#D2E7FB !important;
}
#analysis-table tbody tr.dtrg-group td:hover, .analysis-cell, .dot:hover{
    cursor: pointer;
}
#loading-bar, #coming-soon{
    z-index: 1;
    height: 70%;
    background-color: rgba(128, 128, 128, 0.6);
    padding: 0;
    margin: 0;
    position: absolute;
    top: 200px;
    left: 0px;
    text-align: center;
}

#loading-bar span, #coming-soon{
    padding: 100px 0;
}
#loading-bar-text, #coming-soon{
    color: #145491;
    background: repeating-linear-gradient(45deg, #f2f2f2, #f2f2f2 10px,#e6e6e6 10px, #e6e6e6 20px);
    height: 50px;
    width: 300px;
    font: bold 1.3em arial;
    margin-left: 35%;
    margin-top:10%;
    left: 0px;
    right: 0px;
    padding: 10px;
    border-width: 5px;
    border-style: solid;
    border-color:#145491;

}
.main-content{
    margin: 0 50px 0 50px;
}

thead{
    background-color: #145491 !important;
}
td {
    padding: .5em;
}
.btn-default{
    background-color:#145491 !important;
    color: #fff !important;
}
.btn-default.active, .btn-default.focus, .btn-default:active, .btn-default:focus, .btn-default:hover{
    background-color:#D2E7FB !important; 
    color: #333 !important;
}
.inventory-btn-grp{
    text-align:center;
    background-color: #ffffff;
    cursor:pointer;
    border: none;
    box-shadow: none;
}
.inv-selector{
    min-width:100px;
}
.navbar-toggle{
    border:none;
    float:left;
}
.navbar-collapse.in{
    overflow-y: visible;
}

.dtrg-group.collapsed{
    /*background-color:#fff ;*/
    width:100%;
    color: #145491 !important;
    border-bottom: 1px solid #145491 !important;
    border-radius:0px;
    text-align:left;

}
.dtrg-group{
    background-color:#D2E7FB !important; 
    color:#145491 !important;
    border-bottom:1px solid #145491 !important;
    border-radius:0px;
    text-align:left;
    width:100%;
    text-transform: capitalize;
}
.title-info, h2, h3{
    text-align: center;
}
.title-info p{
    padding-bottom: 20px;
}
h3{
    color:#707070;
}
#goto-top {
    display: none; 
    position: fixed; 
    bottom: 20px; 
    right: 30px; 
    z-index: 99; 
    border: none; 
    outline: none; 
    background-color: red; 
    color: #fff; 
    cursor: pointer; 
    padding: 15px; 
    border-radius: 10px;
    font-size: 18px; 
}

#goto-top:hover {
    background-color: #555; 
}
#cfi-header-nav-row{
    padding: 10px 0;
}

#header-nav{
    margin-top: 0px;
    float:left;
    background-color:#4c4c4c;
    vertical-align: middle;
}
.navbar-title{
    font:bold 35px arial ;
    color: #008265;
    white-space: nowrap;
}
.img-logo{
    padding-top:5px;   
    display: block;
    max-width: 100%;
    height: auto;
}       
.top-nav{
    background-color:#4c4c4c;
    line-height: 51px;
    padding-left: 0px;
}

a.nav-link{
    font: bold 22px arial;
    color:#ffffff;
    padding-right: 20px !important;


}
a.nav-link:hover, a.nav-link:focus{
    color: #ffffff; 
    text-decoration: underline;
}
a.nav-link.selected{
    color: #ffffff; 
    text-decoration: underline;
}

.navbar-toggler, .navbar-toggler:focus, .navbar-toggler:active {
    outline: none;
    box-shadow: none;
    color: #fff;
    font-size: 1.5em;
    float: right;
    padding-top: 10px;
    padding-right: 10px;
    cursor: pointer;
}
.v-line {
    border-left: solid #008265;
}
.about-dot{
    height: 25px;
    width: 25px;
    border-radius: 50%;
    display: inline-block;  
}
li{
    font-weight: 200 !important;
    color:#707070;
    padding: 5px 0px !important;
}
.key-desc{
    width: 90%;
    display:inline-block;
}
.about-label{
    padding: 10px 0px;
    font-weight:bold;
    font-size: 18px;
    color: #707070;
}
.about-sublabel{
    font-style: italic;
}
p{
    padding-left:15px !important;
}
ul{
    margin-left:50px !important;
}
.subhead{
    text-align: center;
    font-size: 17px;
}
#bullet-list li{
    list-style: disc !important;
    margin-left:20px !important;
}  
.about-container{
    background-color: #f2f2f2;
}
#about-content{
    background-color: #fff;
}

/*------------------------------------------------------------------ AFRI Publicity Site CSS------------------------------------------------------*/
#afri-header-img{
    width:100%;
}
.afri.header-title{
    background-color:rgba(204,255,204,0.6);
    border: thin solid #41719c;
    position: absolute;
    top: 15%;
    left: 0;
    right:0;
    height:40%;
}
.afri.navbar-title, .afri.tagline, .afri.carousel-caption a h3{
    color: #000;
}
.afri.navbar-title{
    font-size:36px;
    text-align: center;
    padding-top:20px;
}
.afri.tagline{
    font:bold 18px arial;
    text-align: center;
}
.femc-link{
    float:left;
}
.afri-logo-header{
    float:right;
}
.afri.img-logo{
    height:100%;
    max-width: none;
}
.afri.femc-link, .afri-logo-header{
    height:100% !important;
    max-width: none;
    padding:12px;
}
#afri-header-nav{
    position:absolute;
    top:60%;
    left:0;
    right:0;
    background-color: rgba(0,0,0,0);
    border:none;
}
#afri-main-tabs{
    width: 100%;
    text-align: center;
}
.afri.nav-link{
    background-color: rgba(56,87,35,.75);
    color: #fff;
    border: thin solid #ccff99;
    margin: 0 10px;
    display: inline-block;
    padding: 10px;
    width: 100%; 
    font: normal 16px arial;
}
.afri.nav-link:hover, .afri.nav-link:focus,.afri.nav-link:active, .afri.nav-link.selected{
    background-color: rgba(204, 255, 153,0.75);
    border: thin solid #41719c;
    color: #000;
}
.afri.nav-item{
    width:200px;
    margin: 10px;
    float: left;
}
.afri#nav-list{
    display:inline-block;
    margin-left: 0px !important;
}
#afri-site-map{
    height: 500px;
}
@media screen and (max-width:1386px){
    .afri.nav-item{
        width:200px;
        margin: 0px;
        /*float: left;*/
    }

}
@media screen and (max-width:1266px){
    .afri.nav-item{
        width:auto;
        margin: 0px;
        
    }
}
@media screen and (max-width:1010px){
    
    #afri-header-nav{
    position:inherit;
    margin: 0px;
    }
    .afri.header-title{
        position: inherit;
        height:40%;
    }
    .femc-link, .afri-logo-header{
        max-height: 150px !important;
    }
    
}
@media screen and (max-width:768px){
    .afri.nav-item{
        width:200px;
        margin: 0px;
        
    }
    #afri-header-nav{
    position:inherit;
    margin: 0px;
    background-color: rgba(56,87,35,.75);
    }
/*    .afri.header-title{
        position: inherit;
        height:40%;
    }
    .femc-link, .afri-logo-header{
        max-height: 150px !important;
    }*/
    
}


/* Index page */
/* override position and transform in 3.3.x */

.carousel-inner.sm .item.left.active {
    transform: translateX(-50%) !important;
}
.carousel-inner.sm .item.right.active {
    transform: translateX(50%) !important;
}

.carousel-inner.sm .item.next {
    transform: translateX(50%) !important;
}
.carousel-inner.sm .item.prev {
    transform: translateX(-50%) !important;
}

.carousel-inner.sm .item.right,
.carousel-inner.sm .item.left { 
    transform: translateX(0) !important;
}

.carousel-inner.md .item.left.active {
    transform: translateX(-25%) !important;
}
.carousel-inner.md .item.right.active {
    transform: translateX(25%) !important;
}

.carousel-inner.md .item.next {
    transform: translateX(25%) !important;
}
.carousel-inner.md .item.prev {
    transform: translateX(-25%) !important;
}

.carousel-inner.md .item.right,
.carousel-inner.md .item.left { 
    transform: translateX(0) !important;
}

.carousel-control.left,.carousel-control.right {background-image:none;}
.afri.img-fluid{
    display: inherit;
}
.afri.carousel-caption{
    background-color:rgba(204,255,204,0.75);
    top: 30px;
    bottom:auto;
    padding:10px;
    right:15%;
    left:15%;
    text-shadow: none;
}
.afri.carousel-caption-src{
    font:200 8px arial;
    color: #ccc;
}
#afri-desc, #afri-list, #afri-contact h3, h3.afri, #afri-cfi {
    padding:20px;    
}
#afri-desc p, .afri.list li, #afri-about p, #afri-cfi p{
    color: #464646;
    line-height: 22px;
}
#goals-list{
    margin-bottom: 20px;
}
#goals-list li{
    font: normal 17px arial;
    padding-bottom: 30px !important;

}
.afri.list:not(.timeline-list) li{
    list-style: square;
}
.partner-logo{
    width: 50%;
}
.usfsda{
    width: 24% !important;
}
.partner-logo-container{
    padding-top: 100px;
    text-align: center;
}    
.subtext{
    font: italic 14px arial;
}
.form-collapse-toggle.collapsed:before{
font-family: FontAwesome;
content:"\f0da";  
}
.form-collapse-toggle:not(.collapsed):before{
font-family: FontAwesome;
content:"\f0d7";
}
.form-collapse-toggle{
    font-size: 18px !important;
    margin-bottom: 15px !important;
}
.contact-option{
    font: bold 18px arial;
    line-height:20px;
}
#contact-success-msg, .item-container{
    text-align: center;
}
#contact-success-msg p{
    font: bold 18px sans-serif;
    color: #5d923a;
}
#funding-statement{
    font-style: italic;
    padding-top: 30px;
}
.afri.about-label{
    font: bold 25px arial;
    color: #4c4c4c;
    margin-top: 35px;
}
.cfi-caption:hover{
    border: 5px solid #ccff99;
}
.cfi-caption p{
    background-color:rgba(56,87,35,.75);
    border: thin solid #ccff99;
    padding:10px;
    text-shadow: none;
    text-align: center;
    color:#fff !important;
}
#launch-tool{
    margin-top: 15px;
}
    	.well {
		    min-height: 20px;
		    padding: 19px;
		    margin-bottom: 20px;
		    background-color: #f5f5f5;
		    border: 1px solid #e3e3e3;
		    border-radius: 4px;
		    -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 5%);
		    box-shadow: inset 0 1px 1px rgb(0 0 0 / 5%);
		}
		.dataTables_scrollHeadInner, .dataTable{
			width: 100% !important;
		}
		.dataTables_scroll{
			width: 100%;
		}

.nav-item a:focus {
  border-bottom: none !important;
}

          .afri.header-title{
                left: 15px;
                right: 15px;
            }
            .afri.nav-item{
                float: none;
                text-align: center;
            }
            .afri.nav-link{
                margin: 0;
                padding: 10px !important;
            }
            .navbar{
                float: none;
            }
            #afri-header-nav{
                left: 15px;
                right: 15px;
                margin-top: 18px;
            }
            .navbar-toggler{
                padding: 0 !important;
            }
            .navbar-toggler-icon{
                background: #fff;
                width: 25px;
                height: 3px;
                display: block;
                margin: 7px 0; 
            }
            .afri.navbar-title{
                white-space: normal;
            }
            @media (max-width: 991px){
                .afri.nav-item{
                    width: 100%;
                }
                .afri.header-title{
                    height: auto;
                    top: 0;
                    left: 0;
                }
                #afri-header-nav{
                    width: 100%;
                    margin-top: 0;
                    margin-left: 15px;
                    margin-right: 15px;
                }
            }