/*=============================================================
    Authour URL: www.designbootstrap.com
    
    http://www.designbootstrap.com/

    License: MIT

    http://opensource.org/licenses/MIT

    100% Free To use For Personal And Commercial Use.

    IN EXCHANGE JUST TELL PEOPLE ABOUT THIS WEBSITE
   
========================================================  */


/* =============================================================
   GENERAL STYLES
 ============================================================ */

 @import url(http://fonts.googleapis.com/css?family=Roboto); /* FREE GOOGLE FONT */
html{
   font-size: 14px; 
}
 body {
     font-family: 'Roboto', sans-serif;
     line-height: 30px;
     padding: 0 5px;
 }
  
 .set-radius-zero {
     border-radius: 0px;
     -moz-border-radius: 0px;
     -webkit-border-radius: 0px;
 }
 
 .content-wrapper {
     margin-top: 40px;
     min-height: 600px;
     padding-bottom: 60px;
 }

 .page-head-line {     
     font-weight: 900;
     padding-bottom: 10px;
     border-bottom: 2px solid #F0677C;
     text-transform: capitalize;
     color: #F0677C;
     font-size: 20px;
     margin-bottom: 40px;
 }
 
 .btn {
     border-radius: 0px;
     -webkit-border-radius: 0px;
     -moz-border-radius: 0px;
 }
 .btn-primary
 {
    background: #77caf4;
 }
 .progress {
     height: 8px;
     border-radius: 0px;
     -webkit-border-radius: 0px;
     -moz-border-radius: 0px;
 }
 .login-icon {
     height: 60px;
 width: 60px;
 padding: 13px;
 border-radius: 50%;
 font-size: 30px;
 margin-bottom: 20px;
 color: #fff;
 text-align: center;
 cursor:pointer;
 background-color:#F0677C;
 -webkit-border-radius:50%;
     -moz-border-radius:50%;
 }
/* added by Nazia Jamil 2.7.2025 for the truncate text */
 .truncate-text {
   max-width: 200px;  /* adjust as needed */
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  cursor: pointer;
}
btn-email {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background-color: #0d6efd; /* Bootstrap primary */
  color: white;
  padding: 10px 16px;
  border-radius: 6px;
  text-decoration: none;
  font-weight: 500;
  transition: background-color 0.3s ease;
}

.btn-email:hover {
  background-color: #0b5ed7;
  text-decoration: none;
  color: white;
}

.email-icon {
  width: 20px;
  height: 20px;
}
 /* =============================================================
    HEADER SECTION STYLES
  ============================================================ */
 header {
     background-color: white;
     color: #fff;
     /*padding: 10px;*/
     text-align: left;
 }
 
 
 /* =============================================================
    LOGO SECTION STYLES
  ============================================================ */
 .left-div {
     padding-left: 30px;
     margin-top: 40px;
     margin-bottom: 30px;
 }
 
 .navbar-brand {
     /*
     width: 250px;
     padding-top: 30px;
     */
 }

 .logo {
  max-width: 250;
  max-height: 150;
}
 
 /* USER SETTINGS DIV */
 .user-settings-wrapper .nav > li > a {
     position: relative;
     display: block;
     padding: 15px 18px;
     border-radius: 50%;
     -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
     height: 60px;
     width: 60px;
     background-color: #808080;
     color: #fff;
 }
 
 .user-settings-wrapper {
     margin-top: 10px;
 }
 
     .user-settings-wrapper li {
         display: inline-block;
     }
 
     .user-settings-wrapper .dropdown-settings {
         width: 200px;
         padding: 10px;
     }
 
     .user-settings-wrapper .nav > li > a:hover,.user-settings-wrapper .nav > li > a:focus {
         text-decoration: none;
         background-color: #808080!important;
     }
 
     .user-settings-wrapper img {
         height: 64px;
         width: 64px;
         border: 1px solid #000000;
     }
 
     .user-settings-wrapper .dropdown-menu {
         margin: 0px;
         border-radius: 0px!important;
         -moz-border-radius: 0px!important;
         -webkit-border-radius: 0px!important;
     }
 
     .user-settings-wrapper .btn {
         border-radius: 0px!important;
         -moz-border-radius: 0px!important;
         -webkit-border-radius: 0px!important;
     }
 
     .user-settings-wrapper .media-heading {
         padding-top: 10px;
     }
 
 /* MENU LINKS SECTION*/
 
 .menu-section {
     background-color: white;
     color: black !important;
 }
 
 #menu-top a {
     color: white;
     text-decoration: none;
     font-weight: 500;
     padding: 10px 10px 10px 10px;
     text-transform: uppercase;
 }
 
 .menu-top-active {
     background-color: #808080;
 }
 
 .menu-section .nav > li > a:hover,.menu-section .nav > li > a:focus {
     background-color: #808080!important;
 }
 .menu-section .nav > li > a{
        background-color: black!important;
        color: white !important;
        margin-right: 5px;
        margin-bottom: 2px;
 }

 .menu-section .dropdown-menu > li > a:hover,.menu-section .dropdown-menu > li > a:focus {
     background-color: #808080!important;
 }
 
 .navbar-inverse {
     background-color: #808080;
     border-color: transparent;
 }
 
 .navbar-toggle {
     background-color: #808080;
     border: 1px solid white;
 }
 
 .navbar {
     margin-bottom: 0px;
 }

 .btn-nav{
     background: black;
     color: white;
 }
 .btn-nav:hover{
     background: #666666 !important; /* Change to whatevr you feel best */
     color: white !important;
 }
 .btn-nav:active, .btn-nav:focus{
     background: black !important;
     color: white !important;
 }
 .dropdown-item:hover{
     color: white;
     background-color: #78aa42;    
 }
 /* =============================================================
    FOOTER SECTION STYLES
  ============================================================ */
 footer {
     padding: 10px;
     color: #fff;
     font-size: 12px;
     background-color: #808080;
    
 }
 
     footer a, footer a:hover {
         color: #fff;
         text-decoration: none;
     }
 
 /*==============================================
     DASHBOARD  STYLES    
  =============================================*/
 
 /* DASHBOARD ICONS */
 
 .bk-clr-one {
     background-color: #B9B739;
 }
 
 .bk-clr-two {
     background-color: #F94C4C;
 }
 
 .bk-clr-three {
     background-color: #119c7e;
 }
 
 .bk-clr-four {
     background-color: #b739b9;
 }
 
 .dashboard-div-icon {
     height: 75px;
     width: 75px;
     border: 2px solid #fff;
     padding: 20px;
     border-radius: 50%;
     -webkit-border-radius:50%;
     -moz-border-radius:50%;
     font-size: 30px;
     margin-bottom: 20px;
     color: #fff;
 }
 
 .dashboard-div-wrapper {
     border-radius: 5px;
     text-align: center;
     padding: 15px;
     color: #fff;
     margin-bottom: 50px;
 }
 
     .dashboard-div-wrapper .progress {
         height: 2px;
     }
 
 /* NOTICE BOARD */
 
 
 .notice-board .panel {
     border-radius: 0px;
     -webkit-border-radius: 0px;
     -moz-border-radius: 0px;
 }
 
 .notice-board ul {
     padding-left: 0px;
     list-style: none;
 }
 
 .notice-board li {
     padding: 10px;
     border-bottom: 1px solid #E5E5E5;
 }
 
     .notice-board li span {
         margin-right: 10px;
         border: 1px solid #DBDBDB;
         padding: 5px;
     }
 
     .notice-board li a, .notice-board li a:hover {
         text-decoration: none;
         color: #000;
     }
 
 /* SOCIAL BUTTONS */
 .btn-social {
     color: white;
     opacity: 0.8;
 }
 
     .btn-social:hover {
         color: white;
         opacity: 1;
         text-decoration: none;
     }
 
 .btn-facebook {
     background-color: #192d59;
 }
 
 .btn-twitter {
     background-color: #00aced;
 }
 
 .btn-linkedin {
     background-color: #0e76a8;
 }
 
 .btn-google {
     background-color: #c32f10;
 }
 /* =============================================================
     COLLAPSE STYLES 
   ============================================================ */
   .collapsible {
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 5px;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
   
}       

.content-collapse {
    padding: 0 18px;
    display: none;
    overflow: hidden;
    background-color: #f9f9f9;
}

/*nav section */
nav{
    font-size: 0.9rem !important;
}
 /* =============================================================
     COLLAPSE STYLES
   ============================================================ */

   /*added by Nazia Jamil 12.5.2025 for the matched profile rows*/
   .highlight-green {
        background-color: #155724 !important;
    }

    th.hide-export, td.hide-export {
    display: none;
    }