/*
Copyright © 2023-2024 Shariff Kabunusan College Inc.
*/
html, body {
    height: 100%;
    margin: 0;
    font-family:"Calibri", sans-serif;
  }

  a{
    color: rgb(244, 247, 242) !important;
  }
  .container {
    padding: 20px;
    min-height: 91% !important;
    max-width: 100% !important;

    overflow:auto !important;
  }
  .footer {
    height: 35px;
    
  }
.bg-companydark{
    background-color: #006233 !important;
}

.bg-light-green{
    background-color: rgb(217, 255, 217);
}

.bg-companylight{
    background-color: #d4e8ff;
}

.bg-lightred{
    background-color: lightpink;
}

.bg-yellow{
    background-color: rgb(255, 255, 117);
}


.bg-lightgreen{
    background-color: lightgreen;
}
.bg-darkorange{
    background-color: darkorange;
}

.bg-lightyellow{
    background-color: lightyellow;
}
.bg-darkseagreen{
  background-color: darkseagreen;
}
/*color levels*/
.bg-highlevel{
    background-color: lightpink;
}
.bg-moderatelevel{
    background-color: rgb(240, 176, 58);
}

.bg-lowlevel{
    background-color: rgb(73, 181, 73);
}

.bg-lowlevel1{
    background-color: yellow;
}

.bg-lightgrey{
    background-color: #d9d9d9;
}

.bg-flesh{
    background-color: #fce4d6;
}


.bg-chartgreen{
    background-color: #c6efce;
}

.bg-chartyellow{
    background-color: #ffeb9c;
}
.bg-chartred{
    background-color: #ffc7ce;
}

/*end color levels*/

.text-darkred{
    color: darkred;
}

.text-darkyellow{
    color: rgb(119 44 0);
}

.text-darkgreen{
    color:#006233;
}
.text-companydark{
    color: #0d5e37;
}

.text-companylight{
    color: #b7d3c5 !important;
}

.text-lightgrey{
    color: #d9d9d9;
}
.text-white{
    color: white;
}

.text-flesh{
    color: #fce4d6;
}

.btn-companydark{
    background-color: #006233;
}

.btn-companydark:hover{
    box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24), 0 17px 50px 0 rgba(0,0,0,0.19);
}

.site-max-width{
    max-width: 1086px !important;
}


input[type=checkbox]
{
  /* Double-sized Checkboxes */
  -ms-transform: scale(1.20); /* IE */
  -moz-transform: scale(1.20); /* FF */
  -webkit-transform: scale(1.20); /* Safari and Chrome */
  -o-transform: scale(1.20);/* Opera */
  padding: 11px;
  margin-top: 6px;
}

.label-form{
    text-align: right;
}


.select2-container .select2-selection--single{
    height:34px !important;
}
.select2-container--default .select2-selection--single{
         border: 1px solid #ccc !important; 
     border-radius: 0px !important; 
}

/*footer*/
footer {
    background-color: #092f15;
   bottom:0;
   width:100%;
    
  
  }

.footer-copyright{
    background-color: #093216;
}
.footer-about ul li{
    display: inline-block;
    margin-right: 15px;
}

.footer-ul{
    float: none;
    width: 100%;
    list-style-type: none;
}
.a-footer{
    color: #bcd6bb !important;
    text-decoration: none !important;
}
a:hover{
    color: rgb(217, 220, 220) !important;
}

.notnot{
    font-size: 10px;
}

/*dashboard*/
.count-style
{
    font-size: 30px;
    color: darkblue;
}

/*login */

.login-side-bg{
    background: url('http://phpstack-765541-2597072.cloudwaysapps.com/images/Nutrition-Image.jpg');
    /*background: url('http://localhost/myhealthmatters/images/Nutrition-Image.jpg');*/
    background-size: cover;
    
}

.login-border{
    border-radius: 50px 20px;
}

.bg-gradient-dark {
    background-color: #5a5c69;
    background-image: linear-gradient(
180deg
,#5a5c69 10%,#373840 100%);
    background-size: cover;
}
.bg-gradient-companydark{
    background-color: #345b9d;
    background-image: linear-gradient(
180deg
,#021c48 10%,#284a85 100%);
    background-size: cover;
}

.soc-media-footer
{
    font-size:32px;
}


/*topnav*/
.dropdown-item{
    color: darkgreen !important;
}


.dropdown-item:hover, .dropdown-item:focus {
    color: black !important;
    text-decoration: none !important;
    background-color:lightgreen !important;
  }
  
  
  
  .dropdown-item.active, .dropdown-item:active {
  
    color: #fff;
  
    text-decoration: none;
  
    background-color: #007bff;
  
  }
  

/*cards*/


  .card-img-news{
    
   float: left;
   border-style: none;
   margin: 0px 15px 15px 20px;
      
  }
  

  .card-mvg{
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
 }

  .row{
    width: 100% !important;
    margin: 0 !important;
  }
  .card-header {
    padding: 0.75rem 1.25rem;
    margin-bottom: 0;
    background-color: #006233 !important;
    border-bottom: 1px solid rgba(0,0,0,.125);
}






  /*carousel*/
  .carousel{
    height: 350px !important;
  }

  .carousel-image{
    height: 350px !important;
    object-fit: cover !important;
  }


  /*contact us */

.contact-details {
    background: #f5fff6; /* #f2f7fc;*/
    padding: 16px 0;
  }
  
  .contact-details .item {
    padding: 12px 36px;
    border-bottom: 1px solid #e5e7e9;
  }
  
  .contact-details .content {
    margin-left: 61px;
    font-size: 14px;
    line-height: 21px;
    font-weight: 300;
    color: #5d6e7b;
  }

  .contact-details .icon {
    font-size: 36px;
    line-height: 21px;
    color: rgb(6, 102, 54);
    float: left;
  }
  
  .contact-details .content h6 {
    font-size: 15px;
    line-height: 21px;
    color: #055d4d;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 6px;
  }
  
   
  iframe {width:100%;height:100%;}
  
   
  .inquiry-form{
    background: #f2f7fc;
    padding: 16px;
  }
  
  .inquiry-form .h6{
    font-size: 15px;
    line-height: 21px;
    color: darkgrey;/* #2e566e;*/
    font-weight: 700;
    text-transform: uppercase;
  }
  
  
  
  .contact-fonts{
    font-weight: 400;
    font-size: 16px;
    color: darkgreen !important;
  }
  
  /*contact us end */




/*academics*/
.a-acad-contact{
    color: #0b3f0a !important;
    text-decoration: none !important;
}
.acad-ul{
    padding: 0;
    list-style-type: none;
    margin-left: 10px;
}

.active{
    color: lightgreen !important;
}

.a-topnav{
    transition: 0.3s;
}
.a-topnav:hover
{
    color: black !important;
    background-color: rgb(50, 205, 115);
    transform: skew(-2deg);
    transform-origin:top;
    border-radius: 10px;
}


/*mission and vision*/
h6{
    font-size: 36px;
}





input[type="file"] {

    display: block;
  
  }
  
  .imageThumb {
  
    height: 200px;
  
    width: 200px;
  
    
  
    padding: 1px;
  
    cursor: pointer;
  
  }
  
  .pip {
  
    display: inline-block;
  
    margin: 10px 10px 0 0;
  
  }
  
  .remove {
  
    display: block;
  
    background: #444;
  
    border: 1px solid black;
  
    color: white;
  
    text-align: center;
  
    cursor: pointer;
  
  }
  
  .remove:hover {
  
    background: white;
  
    color: black;
  
  }
  
  
  
  .cdefault {
  
    display: block;
  
    background: #444;
  
    border: 1px solid black;
  
    color: white;
  
    text-align: center;
  
    cursor: pointer;
  
  }
  
  .cdefault:hover {
  
    background: darkred;
  
    color: white;
  
  }
  
  .photo_thumb{
  
    height: 200px;
  
   width: 280px;
  
   border-radius: 8px;
  
   padding: 1px;
  
   background-size: cover;
  
  }


  .logo-size{
    height: 100px;
    width: 100px;
  }

  .photo-pres{
    height: 220px;
    width: 200px;
  }

  @media screen and (max-width: 480px) {
    html, body {
      font-size: 15px;
    }

    #carouselExampleIndicators
    {
       display: none;
    }

    .card-img-news
    {
       border-radius: 8px;
       display: block;
       margin-left: auto;
       padding-right: 2px;
       width: 70%;
    }

    .card
    {
      margin: 0;
    }

    .navbar-brand{
      font-size: 15px !important;
    }
    .photo-pres{
      height: 150px;
      width: 145px;
    }
    .container{
      overflow-x: hidden !important;
    }
    .fluid{
      margin-left:0 !important;
      margin-right: 0 !important;
    }
  }