@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.4.1/font/bootstrap-icons.css");
@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto/Roboto-Regular.ttf')  format('truetype'), /* Safari, Android, iOS */
         url("../fonts/Roboto/Roboto-Regular.woff") format('woff')  /* Newer browsers */
  }

  @font-face {
    font-family: 'Roboto Bold';
    src: url('../fonts/Roboto/Roboto-Bold.ttf')  format('truetype'), /* Safari, Android, iOS */
         url("../fonts/Roboto/Roboto-Bold.woff") format('woff')  /* Newer browsers */
  }

  @font-face {
    font-family: 'Roboto Condensed';
    src: url('../fonts/Roboto_Condensed/RobotoCondensed-Regular.ttf')  format('truetype'), /* Safari, Android, iOS */
         url("../fonts/Roboto_Condensed/RobotoCondensed-Regular.woff") format('woff')  /* Newer browsers */
}

@font-face {
    font-family: 'Roboto Condensed Bold';
    src: url('../fonts/Roboto_Condensed/RobotoCondensed-Bold.ttf')  format('truetype'), /* Safari, Android, iOS */
         url("../fonts/Roboto_Condensed/RobotoCondensed-Bold.woff") format('woff')  /* Newer browsers */
}


body{
    background:#333333;
    font-size:14px;
    height: 768px;
    overflow: hidden;
    line-height: 1.3em;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight:normal;
    -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}

p, h1, h2, h3, h4, h5, h6, div{
    font-family: 'Roboto Condensed', sans-serif;
    font-weight:normal;
}

.smaller-text, .footnote-text{
    font-size:12px;
    line-height: 1.2em;
}

.footnote-text{
    font-size:12px;
}

.smaller-text-icon{
    font-size:85%;
}
a{
    cursor: pointer;
}
h1, h2, h3, h4, h5, h6{
    color:#14377d;
}

h1 sup, h2 sup, h3 sup, h4 sup,  h5 sup, h6 sup{
    font-size: 50%;
    top: -1em;
}

.dark-blue{
    color:#14377d;
}

.dark-green{
    color:#007474;
}

.white{
    color:#ffffff;
}

.black{
    color:#000;
}

.light-blue{
    color:#00aae7;
}

.green{
    color:#92c83e;
}

.roboto{
    font-family:'Roboto';
}

.roboto-condensed{
    font-family:'Roboto Condensed';
}

.regular{
    font-weight:300;
}

.bold{
    font-family: "Roboto Condensed Bold";
}

.italic{
    font-style:italic;
}

.caps, .caps button{
    text-transform:uppercase;
}

.center{
    align-items: center;
    justify-content: center;
    display: flex;
}

img{
    max-width:100%;
}

ul.blue-checks{
    /*list-style-image: url('../images/blue-check.png');*/
    list-style: none;
    padding-left: 5px;
}

ul.blue-checks li{
    background: url("../images/blue-check.png") no-repeat 0px 0px;
    padding-left: 40px;
    padding-bottom: 5px;
    margin-bottom: 10px;
    padding-top: 5px;
}

@media (min-width: 992px){
.container, .container-lg, .container-md, .container-sm {
    max-width: 1024px;
}
}

@media (min-width: 768px){
.container, .container-md, .container-sm {
    width: 1024px;
    max-width: 1024px;
}
}

.kedrab-container{
    font-family: 'Roboto', sans-serif;
    margin:auto;
    height:768px;
    padding-bottom:141px;
    padding-top:20px;
    overflow-x: auto;
    background: rgb(226,206,170);
    background: -moz-linear-gradient(90deg, rgba(226,206,170,1) 0%, rgba(251,245,232,1) 25%, rgba(255,255,255,1) 50%, rgba(251,245,232,1) 75%, rgba(226,206,170,1) 100%);
    background: -webkit-linear-gradient(90deg, rgba(226,206,170,1) 0%, rgba(251,245,232,1) 25%, rgba(255,255,255,1) 50%, rgba(251,245,232,1) 75%, rgba(226,206,170,1) 100%);
    background: linear-gradient(90deg, rgba(226,206,170,1) 0%, rgba(251,245,232,1) 25%, rgba(255,255,255,1) 50%, rgba(251,245,232,1) 75%, rgba(226,206,170,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#e2ceaa",endColorstr="#e2ceaa",GradientType=1);

}

.main-buttons{
    position: absolute;
    bottom: 10px;
    color: white;
    font-size: 36px;
}
.main-buttons i{
    display: inline-flex;
}
.main-buttons a{
    color: inherit;
    text-decoration: none;
}

.main-buttons i:before{
    vertical-align: baseline!important;
}

.references{
    height:500px;
    overflow-x: auto;
}

.references li{
    font-weight: bold;
}

.references li span{
    font-weight: normal;
}

.footer{
    height: 141px;
    width: 1024px;
    position: relative;
    z-index: 2001;
    top: -140px;
    background: url('../images/footer-background.png') no-repeat center center;
    background-size: contain;
    margin: auto;
}
.footer-bottom{
    background: #333333;
    height: 50px;
    top: -115px;
    display: block;
    position: relative;
    width: 1024px;
    margin: auto;
    z-index: 1000;
}

.home-link{
    width: 200px;
    height: 100px;
    z-index: 100;
    position: absolute;
    right: 0;
    top: 50px;
}

.print-anchors{
    position:absolute;
    z-index: 1;
    margin-top: -200px;
    display:inline-block;
}

.print-anchors a{
    height:207px;
    display:inline-block;
}

.print-anchors a.animal-prints-anchor{
    margin-left:60px;
    width:340px;
}

.print-anchors a.bottles-anchor{
    width:125px;
}

.print-anchors a.human-prints-anchor{
    width:400px;
}

.front-header img{
    display:block;
    margin:auto;
}

.content{
    text-align:center;
    padding:15px 60px;
}

.space-bottom-25{
    margin-bottom:25px !important;
}

.space-bottom-10, .space-bottom{
    margin-bottom:10px  !important;
}

.space-top{
    margin-top:10px !important;
}

.space-top-25{
    margin-top:25px !important;
}
.space-top-60{
    margin-top:60px !important;
}

/* buttons */
.btn-primary{
    background-color: #00aae7;
    border-color: #00aae7;
    color:white;
}

.btn-primary:hover{
    background-color: #14377d;
    border-color: #14377d;
    color:white;
    
}

.btn-secondary{
    background-color: #8bc445;
    border-color: #8bc445;
    color:#14377d;
}

.btn-secondary:hover{
    background-color: #00aae7;
    border-color: #00aae7;
    color:white;
    
}

button.full-width{
    width:100%;
}

.table {
    --bs-table-bg: rgba(255,255,255, 1);
    --bs-table-striped-color: #212529;
    --bs-table-striped-bg: rgba(0, 116, 116, .2);
    --bs-table-active-color: #212529;
    --bs-table-active-bg: rgba(0, 0, 0, 0.1);
    --bs-table-hover-color: #212529;
    --bs-table-hover-bg: rgba(0, 0, 0, 0.075);
    font-size: 12px;
    line-height: 1.3em;
}

.table.table-striped.gray-striped-table{
    --bs-table-bg: rgb(230, 230, 230);
    --bs-table-striped-bg: rgb(212, 212, 212);
}

.table .smaller-text{
    font-size:90%;
    line-height: 1.2em;
}

.table .transparent{
    background: transparent;
    border: none;
}

.one80-table{
    border-spacing:2px 0; 
    border-collapse:separate;
    /*background:white;*/
    text-align: center;
}

.one80-table.left-text-align{
    text-align: left;
}

.one80-table tr, .one80-table td, .one80-table th{
    border-style:hidden;
    font-weight: bold;
    color:#14377d;
}

.one80-table .table-head-dark td{
    color:white;
    text-transform: uppercase;
    font-size:125%;
    background:rgba(0, 116, 116, .6);
    padding:5px;
    box-shadow: inset 0 0 0 9999px rgb(0 116 116 / 60%);
}
.one80-table th{
    color:#007474;
    font-size:110%;
    padding:5px;
}
.one80-table .transparent-cell, .one80-table .transparent-cell{
    /*background:white;*/
    --bs-table-accent-bg: rgba(255,255,255,0);
    background-color:transparent !important;
}


.one80-table .duration{
    background:url("../images/about/duration-arrow.png") no-repeat 50px 0px;
}

.one80-table .symptoms{
    background:url("../images/about/summary-arrow.png") no-repeat 50px 0px;
}
.one80-table .symptoms-top{
    background:url("../images/about/summary-arrow-top.png") no-repeat 50px 0px;
}
.one80-table .symptoms-bottom{
    background:url("../images/about/summary-arrow-bottom.png") no-repeat 50px 0px;
}
.one80-table .symptoms-center{
    background:url("../images/about/summary-arrow-center.png") no-repeat 50px 0px;
}

.about-table-wrap{
    height:220px;
    overflow:hidden;
    /*width:calc(1024px - 2rem);
    position:absolute;*/
}
.about-table-wrap-wrapper{
    position: static;
    width: calc(1024px - 2rem);
    height: 220px;
    overflow: visible;
    z-index: 2000;
}

.about-table-wrap-trigger{
    position:relative;
    top:3px;
    z-index: 5000;
    cursor: pointer;
}

.table>:not(caption)>*>*{
    padding: .2rem .5rem;
}

.pep-icon{
    margin:auto;
}
.pep-icon img{
    height:70px;
}

.modal-fix-icons img{
    max-height:100px;
}

.max-height-200 img{
    max-height:200px;
}

/* isi */

.isi-logo-right{
    float: right;
    margin-top: -75px;
    width: 25%;
    margin-bottom: 50px;
}

.isi-wrapper{
    position: absolute;
    top: 550px;
    width: 100%;
    height: 150px;
    overflow: hidden;
    z-index: 1000;
}
.isi{
    position: relative;
    overflow: hidden;
    font-family: "Roboto Condensed";
    width: 1024px;
    margin: auto;
}

.isi-content{
    padding:45px 180px;
    width: auto;
    position: static;
    max-height: 720px;
}

.expanded-isi{
    background-color: white;
    height:768px;
}

.isi-content i.bi{
/*    float:right;*/
font-size:22px;
font-weight:bold;
background: #8bc445;
width: 35px;
height: 35px;
border-radius: 24px;
cursor:pointer;
}

.bi-plus, .bi-dash{
    cursor:pointer;
}

.expanded-isi .isi-content{
    padding-right:125px;
}
/* use toggle-button for anything other than isi */
.toggle-switch{
    display: block;
    position: absolute;
    right: 30px;
    top: 30px;
    text-align: center;
    padding-top:1px;
}

.modal{
    z-index: 5000;
}

.one-80-close{
    position: absolute;
    right: -10px;
    background-color: #8bc445;
    border-radius: 30px;
    padding: 10px;
    top: -10px;
    z-index: 8000;
    opacity:1;
}

.one-80-close:hover{
    opacity:1;
}

.modal-header, .modal-footer, .modal-body, .modal-title{
    border-width:0px;
    color:white;
}

.modal-header{
    display:none;
}

.modal-content, .carousel-inner{
    background: rgb(202,167,101);
    background: -moz-linear-gradient(135deg, rgba(202,167,101,1) 0%, rgba(20,55,125,1) 0%, rgba(3,171,232,1) 100%);
    background: -webkit-linear-gradient(135deg, rgba(202,167,101,1) 0%, rgba(20,55,125,1) 0%, rgba(3,171,232,1) 100%);
    background: linear-gradient(135deg, rgba(202,167,101,1) 0%, rgba(20,55,125,1) 0%, rgba(3,171,232,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#caa765",endColorstr="#03abe8",GradientType=1);
    border:1px solid white;
    font-family:"Roboto Condensed";
}

.carousel-inner{
    padding:20px;
}
.carousel-inner img{
    max-height:435px;
    margin:auto;
}

.nav-pills .nav-link.active, .nav-pills .show>.nav-link{
    background-color: #00aae7;
}

.modal-content.white .modal-body, .modal-content.white .modal-header, .modal-content.why-volume-matters .modal-body, .modal-content.dosing-how-to-tab .modal-body, .modal-content.about .modal-header, .modal-content.about .modal-footer, .modal-content.about .modal-body, .modal-content.about .modal-title, .modal-content.kedrab-what-is-kedrab .modal-body, .modal-content.kedrab-history-manufacturing .modal-body{
    color:#333333;
}

.modal-content.about .modal-body{
    padding:0;
}
.modal-content.ordering-patient-assistance .modal-header, .modal-content.ordering-patient-assistance .modal-footer, .modal-content.spencer-wounds-modal .modal-header, .modal-content.spencer-wounds-modal .modal-footer, .modal-content.dosing-dosing-tab .modal-header,.modal-content.dosing-dosing-tab .modal-footer, .modal-content.about .modal-header, .modal-content.about .modal-footer, .modal-content.pep-effectiveness .modal-header, .modal-content.pep-effectiveness .modal-footer,  .modal-content.pep-common-failures .modal-footer{
    display:none;
}

.modal-content.about{
    background: rgb(226,206,170);
    background: -moz-linear-gradient(90deg, rgba(226,206,170,1) 0%, rgba(251,245,232,1) 25%, rgba(255,255,255,1) 50%, rgba(251,245,232,1) 75%, rgba(226,206,170,1) 100%);
    background: -webkit-linear-gradient(90deg, rgba(226,206,170,1) 0%, rgba(251,245,232,1) 25%, rgba(255,255,255,1) 50%, rgba(251,245,232,1) 75%, rgba(226,206,170,1) 100%);
    background: linear-gradient(90deg, rgba(226,206,170,1) 0%, rgba(251,245,232,1) 25%, rgba(255,255,255,1) 50%, rgba(251,245,232,1) 75%, rgba(226,206,170,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#e2ceaa",endColorstr="#e2ceaa",GradientType=1);
    border:1px solid #333333;
}

.modal-content.kedrab-history-manufacturing{
    background:url("../images/kedrab/map-back.jpg") center center white;
    background-size: contain;
}

.modal-content.spencer-wounds-modal{
    /*background:url("../images/wounds/spencer-wounds-modal_Front.png") center center transparent no-repeat;*/
    background:transparent;
    background-size: contain;
    border:none !important;
}

.modal-content.cassie-wounds-modal{
      /*background:url("../images/wounds/cassie-wounds-modal_Front.png") center center transparent no-repeat;*/
      background:transparent;
      background-size: contain;
    border:none !important;
}

.modal-content.anton-wounds-modal{
    /*background:url("../images/wounds/anton-wounds-modal_Front.png") center center transparent no-repeat;*/
    background:transparent;
    background-size: contain;
    border:none !important;
}

.modal-content.white, .modal-content.why-volume-matters, .modal-content.pep-effectiveness, .modal-content.pep-common-failures, .modal-content.kedrab-what-is-kedrab, .modal-content.dosing-how-to-tab{
    background:white;
}

.modal-content.pep-effectiveness .modal-body, .modal-content.pep-common-failures .modal-body{
    color:#000;
}

.modal-content.dosing-dosing-tab{
    background:white;
    z-index: 5000;
}

.modal-content.dosing-dosing-tab .modal-body{
    padding: .7rem 0;
}

#menuContent .no-bottom-border.nav-item{
    border-bottom:0px solid #eee;
}

#menuContent{
    position: absolute;
    width: 250px;
    margin-left: -12px;
    border-left: 0px;
    z-index:2000;
    margin-top:-20px;
}

#menuContent .nav-item{
    display: flex;
    border-bottom:1px inset #eee;
}

#menuContent .nav-item a{
    color:#14377d;
    font-size:24px;
    display: flex;
    align-items: center;
    justify-content: left;
    min-height: 94px;
    width:100%;
    line-height:1.3em;
}

#menuContent .nav{
    padding-bottom:100px;
    background: #8bc445;
}

#menuContent .card-body{
    padding:0;
}

.col .nav.mb-3.caps{
    margin-bottom:30px !important;
}

.plus-left{
    padding-left:40px;
}

.plus-left i{
    height: 30px;
    width: 30px;
    background: #8bc445;
    margin-left: -40px;
}

.large-calc {
    display:block !important;
    width:800px;
    margin:auto;
}

.front-page-only{
    display:none;
}

.slider-foot{
    top:320px;
    color:#333;
    position: absolute;
    padding-top: 2rem;
    padding-bottom: 1.25rem;
    min-width: 200%;
    left: -50%;
}

.slider-foot p{
    text-indent:-4px;
}

.carousel-inner{
    overflow:visible;
}

.p-no-margin p{
    margin:0;
}

.no-margin-bottom>*, .no-margin-bottom-el{
    margin-bottom:0;
}


.p-indent-correction p{
    text-indent:-0.36em;
}

.p-indent-correction p.no-fix-indent{
    text-indent:0;
}

.gray-background-box{
    background-color:#d9dadc;
    padding: 10px 10px 10px 10px; 
    border-radius:10px;
}

.centered-content{
    width:750px;
    margin:auto;
}

.indent-5{
    text-indent:5px;
}

.angle-view {
    width: 103% !important;
    margin-top: -50px;
}