body {
  background-image: url("https://onomedia.nyc3.cdn.digitaloceanspaces.com/images/white-background.png");
  background-size: 30%;
  font-family: "Nunito", sans-serif !important;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}

  .shadow-sm {
    background-color: #ffffff !important;
  }

  .ftr {
    background-color: #1F628E;
    color: #ffffff !important;
  } 
  .ftr a:link {
    color: #ffffff;
  }
  
  /* visited link */
  .ftr a:visited {
    color: #ffffff;
  }
  
  /* mouse over link */
  .ftr a:hover {
    color: #ffffff;
  }
  
  /* selected link */
  .ftr a:active {
    color: #ffffff;
  }


  .navbar {
    background-color: #ffffff !important
    /*background-color: #FFDD00 !important*/
  }
  .nav-item {
    margin-right: 5px !important;
    margin-bottom: 5px !important;
  }

  .btn-ono {
  --bs-btn-color: #fff;
  --bs-btn-bg: #14B7Ba;
  --bs-btn-border-color: #14B7Ba;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #14B7Ba;
  --bs-btn-hover-border-color: #14B7Ba;
  --bs-btn-focus-shadow-rgb: 49, 132, 253;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #14B7Ba;
  --bs-btn-active-border-color: #14B7Ba;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #14B7Ba;
  --bs-btn-disabled-border-color: #14B7Ba;
}

.btn-warning {
  --bs-btn-color: #000000;
  --bs-btn-bg: #FFDD00;
  --bs-btn-border-color: #FFDD00;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #FFDD00;
  --bs-btn-hover-border-color: #FFDD00;
  --bs-btn-focus-shadow-rgb: 49, 132, 253;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #FFDD00;
  --bs-btn-active-border-color: #FFDD00;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #FFDD00;
  --bs-btn-disabled-border-color: #FFDD00;
    font-weight: bold;
    border: solid;
}


  .txtMed {
    font-size: 20px !important;
  }
  
  .txtMedBold {
    font-size: 20px !important;
    font-weight: bolder;
  }

.nav .nav-item {
  padding-top:10px !important;
}

.buzzy-bck {
  background-color: #FFDD00 !important;
}

.form-signin {
  background-color: #ffffff;
  margin-top: 10px !important;
 }

      .form-signin {
      max-width: 360px;
      padding: 1rem;
    }









    .headSpace {
  padding-bottom: 20px !important;
  padding-top: 20px !important;
}

.rowTop {
  padding-top: 30px !important;
}


.text-bg-slide {
  color: #fff !important;
  --bs-border-radius: 2rem;
  width: 100%;
  font-size: 42px;
  background-color: #1F628E !important;
}

.rowPadTop {
  margin-top: 10px;
}

.txtMed {
  font-size: 20px !important;
}

.buzzy-bck {
  background-color: #FFDD00 !important;
  font-weight: bolder;
}

.nav .nav-item {
  padding-top:10px !important;
}


.nav-item p {
  padding: 10px;
  font-weight: bolder;
  margin-bottom: 0px;
}


.bi-three-dots-vertical { cursor: pointer; }

.clip-polygon {
  border: solid 10px #F08635;
}


/* Admin UI */
.sidebar {
  background-color: #f7f7f7;
  border-right: solid 1px #e3e3e3;
  /* min-height: 75vh; */
}

.sidebar-nav {
  margin-top: 16px;
  padding: 0;
  list-style: none;
}

.sidebar-nav-link {
  color: #000000 !important;
  text-decoration:none;
}

.sidebar-nav-ono {
	font-size: 16px !important;
	font-style: normal !important;
}

.sidebar-nav li {
  margin-bottom: 20px;;
}

.card-modules {
  color: #ffffff !important;
  --bs-border-radius: 2rem;

  font-size: 24px !important;
  background-color: #14B7Ba !important;
  border: solid 8px #1F628E;
}

.progress-bar {
  background-color: #FFDD00 !important
}



.text-bg-header {
  color: #000000 !important;
  --bs-border-radius: 2rem;
  width: 50%;
  font-size: 24px;
  background-color: #FFDD00 !important;
}

.poppins-bold {
  font-family: "Poppins", sans-serif;
  font-weight: 700;
  font-style: normal;
}

.card-title {
  font-size: 18px;
}

.card-content-sm {
  font-size: 14px;
  font-weight: normal;
}


.card, a:visited {
  text-decoration: none;
}



.card, a {
  text-decoration: none;
}



.btn-slide {
  --bs-btn-color: #fff;
  --bs-btn-bg: #F08635;
  --bs-btn-border-color: #F08635;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #F08635;
  --bs-btn-hover-border-color: #F08635;
  --bs-btn-focus-shadow-rgb: 49, 132, 253;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #F08635;
  --bs-btn-active-border-color: #F08635;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #F08635;
  --bs-btn-disabled-border-color: #F08635;
}

.carousel-btn {
  --bs-border-radius: 2rem !important;
  --bs-btn-padding-x: 0rem;
  width: 80px;
}

.slide {
  border: 1px solid #dee2e6 !important;
  border-top: 0px !important;
  margin-top: 0px;
  padding: 0px 20px 10px 20px;
}

/***** FLOAT **/

.floating-menu{
  border-radius:100px;
  z-index:999;
  padding-top:10px;
  padding-bottom:10px;
  margin-right: 15px;
  right:0;
  position:fixed;
  display:inline-block;
  top:40%;-webkit-transform:translateY(-30%);-ms-transform:translateY(-30%);
  transform:translateY(-50%)
}

.main-menu{margin:0;padding-left:0;list-style:none}

.main-menu li a{display:block;padding:20px;color:#ffffff;border-radius:50px;position:relative;-webkit-transition:none;-o-transition:none;transition:none}

.main-menu li a:hover{background:rgba(244,244,244,.3)}
.menu-bg{background-image:-webkit-linear-gradient(top,#1C5E91 0,#167699 100%);
background-image:-o-linear-gradient(top,#1C5E91 0,#167699 100%);
background-image:-webkit-gradient(linear,left top,left bottom,from(#1C5E91),to(#167699));
background-image:linear-gradient(to bottom,#1C5E91 0,#167699 100%);
background-repeat:repeat-x;
position:absolute;
width:100%;
height:100%;
border-radius:50px;
z-index:-1;
top:0;
left:0;-webkit-transition:.1s;-o-transition:.1s;
transition:.1s
    
}

.ripple{
    position:relative;
    background: url(../images/mnu.png) no-repeat center center fixed; 
    background-size: 90px 51px;
    overflow:hidden;
    transform:translate3d(0,0,0)
    
}
    .ripple:after{
        content:"";
        display:block;
        position:absolute;
        width:100%;
        height:100%;
        top:0;
        left:0;
        pointer-events:none;
        background-image:radial-gradient(circle,#000 10%,transparent 10.01%);
        background-repeat:no-repeat;
        background-position:50%;
        background: url(../images/mnu.png) no-repeat center center fixed; 
        background-size: 40px 23px;
        transform:scale(10,10);
        opacity:0;
        transition:transform .5s,opacity 1s
        
    }
    .ripple:active:after{
        transform:scale(0,0);
        opacity:.2;
        transition:0s
        
    }

    .row-pad {
      margin-top: 10px;
    }


/* OLD */




/*
white-background.png
*/

.sidebar {
  background-color: #14B7BA !important;
  border-right: solid 1px #000000;
}

.head {
  background-color: #ffffff;
  border-bottom: solid 1px #000000;
}

.sidebar-nav {
  margin-top: 16px;
  padding: 0;
  list-style: none;
}

.sidebar-nav-link {
  color: #000000 !important;
  text-decoration:none;
  font-weight: bolder;
  font-size: 20px !important;
}

.sidebar-nav-ono {
	font-size: 16px !important;
	font-style: normal !important;
  font-weight: bolder;
  font-size: 24px !important;
}

.lilita-one-regular {
  font-family: "Lilita One", sans-serif !important;
  font-weight: 400;
  font-style: normal;
}

.nunito-regular {
  font-family: "Nunito", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}

.nunito-semibold {
  font-family: "Nunito", sans-serif;
  font-optical-sizing: auto;
  font-weight: 600 !important;
  font-style: normal;
}

.poppins-bold {
  font-family: "Poppins", sans-serif;
  font-weight: 700;
  font-style: normal;
}

.nav .nav-item {
  padding-top:10px !important;
}


.nav-item p {
  padding: 10px;
  font-weight: bolder;
  margin-bottom: 0px;
}

.content-frame {
  border-top: solid 1px #f0f0f0;
}

.splash {
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: -1;
}

.buzzy-bck {
  background-color: #FFDD00 !important;
}

.form-signin {
  max-width: 330px;
  padding: 1rem;
}

.form-signin {
  background-color: #ffffff;
  margin-top: 10px !important;
 }

.form-signin-2 {
  max-width: 840px;
  background-color: #ffffff;
  padding: 1rem;
}

.messages {
  color: crimson;
  font-size: 20px !important;

}



.carousel-control-next-icon {background-color: #bbb !important}
.carousel-control-next {
  width: 50px;;
}

.carousel-control-prev {
  width: 50px;
}


.carousel-control-prev-icon {
  background-color: #bbb !important
}


.carousel-control-next-icon {background-color: #bbb !important}
.carousel-control-next {
  width: 50px;;
}


.tab-content>.tab-pane {
  border: 1px solid #14B7BA !important;
}

.slide {
  border: 1px solid #14B7BA !important;
  border-top: 1px solid #14B7BA !important;
  margin-top: 0px;
  padding: 0px 20px 10px 20px;
}

.nav-tabs .nav-link.active{
  background-color: #FFDD00 !important;
  border: 1px solid #14B7BA !important;
  border-bottom: 0px !important;
  font-weight: bolder;
}

.slide-frame {
  border: 1px solid #14B7BA !important;
  border-top: 0px !important;
  margin-top: 0px;


}
.carousel-indicator {
  position: relative;
  bottom: -50px;
}

.slide  {
  font-size: 22px !important;
}

.modal-header {
  border-bottom: 0px !important;
}

.modal-footer {
  border-top: 0px !important;
}


.form-check-input {
  margin-left: 10px !important;
}

.vis {
  display:none !important;
}

.frm-input {
  display: inline;
  margin-right: 10px;
  margin-bottom: 20px;;
  width: 75%;
}

.nav-img {
  background-image: url("../images/honey.png");

 }

 .login-home {
  background: url(../images/Homepage.gif) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover; 
 }



 .card, a:link {
  text-decoration: none;
}

.card, a:visited {
  text-decoration: none;
}

.card, a:hover {
  text-decoration: none;
}

.card, a:active {
  text-decoration: none;
}

.card-p {
  margin-bottom: 10px !important;
}

.clip-polygon {
  
  border: solid 10px #F08635;
  /*
  clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%);
  border-top: solid 15px #14B7BA;
  border-bottom: solid 15px #14B7BA;

  /* Note that percentages work as well as px */
}


.text-bg-slide {
  color: #fff !important;
  --bs-border-radius: 2rem;
  width: 100%;
  font-size: 42px;;
  background-color: #1F628E !important;
}

.text-bg-header {
  color: #000000 !important;
  --bs-border-radius: 2rem;
  width: 50%;
  font-size: 24px;;
  background-color: #FFDD00 !important;
}

.text-bg-header-sm {
  color: #000000 !important;
  --bs-border-radius: 2rem;
  width: 100%;
  font-size: 16px;;
  background-color: #FFDD00 !important;
}


.text-bg-button {
  color: #000000 !important;
  --bs-border-radius: 2rem;
  font-size: 12px;;
  background-color: #FFDD00 !important;
}

.text-bg-modules {
  color: #ffffff !important;
  --bs-border-radius: 2rem;
  width: 100%;
  font-size: 24px;;
  background-color: #14B7Ba !important;
  border: solid 8px #1F628E;
}

.text-bg-modules-sm {
  color: #ffffff !important;
  --bs-border-radius: 2rem;
  width: 65%;
  font-size: 24px;;
  background-color: #14B7Ba !important;
  border: solid 8px #1F628E;
}


.centered {
  float: none;
  margin-left: auto;
  margin-right: auto;
}

.bg-test {
  background-image: url('../images/bg.png');
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: left;   
}

.carousel-btn {
  --bs-border-radius: 2rem !important;
  --bs-btn-padding-x: 0rem;
  width: 80px;

}

.btn-slide {
  --bs-btn-color: #fff;
  --bs-btn-bg: #F08635;
  --bs-btn-border-color: #F08635;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #F08635;
  --bs-btn-hover-border-color: #F08635;
  --bs-btn-focus-shadow-rgb: 49, 132, 253;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #F08635;
  --bs-btn-active-border-color: #F08635;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #F08635;
  --bs-btn-disabled-border-color: #F08635;
}

/***** FLOAT **/

.floating-menu{
  border-radius:100px;
  z-index:999;
  padding-top:10px;
  padding-bottom:10px;
  margin-right: 15px;
  right:0;
  position:fixed;
  display:inline-block;
  top:30%;-webkit-transform:translateY(-30%);-ms-transform:translateY(-30%);
  transform:translateY(-50%)
}

.main-menu{margin:0;padding-left:0;list-style:none}

.main-menu li a{display:block;padding:20px;color:#ffffff;border-radius:50px;position:relative;-webkit-transition:none;-o-transition:none;transition:none}

.main-menu li a:hover{background:rgba(244,244,244,.3)}
.menu-bg{background-image:-webkit-linear-gradient(top,#1C5E91 0,#167699 100%);
background-image:-o-linear-gradient(top,#1C5E91 0,#167699 100%);
background-image:-webkit-gradient(linear,left top,left bottom,from(#1C5E91),to(#167699));
background-image:linear-gradient(to bottom,#1C5E91 0,#167699 100%);
background-repeat:repeat-x;
position:absolute;
width:100%;
height:100%;
border-radius:50px;
z-index:-1;
top:0;
left:0;-webkit-transition:.1s;-o-transition:.1s;
transition:.1s
    
}

.ripple{
    position:relative;
    background: url(../images/mnu.png) no-repeat center center fixed; 
    background-size: 90px 51px;
    overflow:hidden;
    transform:translate3d(0,0,0)
    
}
    .ripple:after{
        content:"";
        display:block;
        position:absolute;
        width:100%;
        height:100%;
        top:0;
        left:0;
        pointer-events:none;
        background-image:radial-gradient(circle,#000 10%,transparent 10.01%);
        background-repeat:no-repeat;
        background-position:50%;
        background: url(../images/mnu.png) no-repeat center center fixed; 
        background-size: 40px 23px;
        transform:scale(10,10);
        opacity:0;
        transition:transform .5s,opacity 1s
        
    }
    .ripple:active:after{
        transform:scale(0,0);
        opacity:.2;
        transition:0s
        
    }

    .row-pad {
      margin-top: 10px;
    }
    .login-home {
      background: url(../images/Homepage.gif) no-repeat center center fixed; 
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover; 
     }


     .form-signin {
      max-width: 360px;
      padding: 1rem;
    }


    .ono-ftr {
      background-color: #1F628E;
      color: #ffffff !important;
      margin-left: 0px !important;
      margin-right: 0px !important;
      margin-bottom: 0px !important;
    }

  .ono-ftr a:link{
    color:#FFFFFF;
    font-size: 24px!important;
  }

  .ono-ftr a:visited{
    color:#FFFFFF;
    font-size: 24px!important;
  }

  .form-select {
    display: inline-block !important;
  }

  .full-page {
    width: 100vw;
    height: 100vh;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    background-image: url('https://onomedia.nyc3.cdn.digitaloceanspaces.com/images/Homepage.gif');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
  }