@media  screen and (min-width: 992px) {
    .navbar .container-fluid, .navbar-expand-lg .navbar-collapse, .navbar-expand-lg .navbar-nav{
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
                -webkit-box-align: start;
                    -ms-flex-align: start;
                        align-items: flex-start;
    }


    .navbar{
        width: 15%;
        height: 100vh;
        -webkit-box-align: start;
            -ms-flex-align: start;
                align-items: flex-start;
    }
    .navbar-brand{
        margin-left: .5rem;
    }
    .navbar-collapse {
margin-left: .8rem;
    }
   
    
}
@media (min-width: 992px) {
    .style1 {
        max-height: 567px;
        min-height: 567px;
    
    }

.boldUppercase_font {
        font-weight: bold;
        text-transform: uppercase;
    
    }

.backgroundonactivationpage {
        background-color: #007A78;
        background-image: radial-gradient(circle, #62cf9a 0%, white 92%, white 100%);
   
    
    }
.redIcon {
        color: #c92c39;
   
    
    }
.style2 {
        background-image: linear-gradient(91deg, #006260 0%, white 100%);
   
    
    }

.style3 {
        overflow: auto;
   
    
    }

}


.fileDescription {
    font-size: 12px;
    
}
.deleteIcon {
    color: #dc3545;
    
}

.pdfIcon {
    color: #f40f02;
}
    
    .wordIcon {
        color: #2b579a;
    }
.zipFolderIcon{
    color: #e4b320
}

.warningIcon{
    color:  #efd71b
}
.primaryColor{
    color: #051d40
}
.successColor{
    color: #00BF63
}
.secondaryColor{
    color: #6C757D
}
.upperCase {
    text-transform: uppercase;
    
}

.strike-through {
    text-decoration: line-through;
}

.tall-textbox {
    height: 250px; /* Your desired height */
    padding: 10px; /* Ensure there's space for the text inside */
    -webkit-box-sizing: border-box;
            box-sizing: border-box; /* Ensure padding is included in height */
}

.success{
    color: #00BF63
}

.commentsfontsize {
    font-size: 12px;
    
}
.feedbacktext {
    color: #f40f02;
}

.vcm_approved{
    background-color: #00BF63
}
.vcm_notapproved {
    background-color: #e87d77;
}

.vcm_notchecked {
    background-color: #f1f10bfe;
}

.smalltext {
    font-size: 12px;
}

.noforminputborder {
    border: none;
    -webkit-box-shadow: none;
            box-shadow: none;
            display: block;
}

.feedbacksectionbg {
    background-color: rgba(240, 240, 240, 0.94);
    
}

.noforminputborder:focus {
    border-color: rgba(0, 0, 0, 0);
    
}

.text-justify {
    text-align: justify;
   
    
}

.dottedborder {
    border: 2px dotted #000; /* Black dotted border with 2px thickness */         /* Optional: adds padding inside the input field */
    outline: none;         /* Optional: removes the default outline when focused */
    border-radius: 5px;    /* Optional: adds rounded corners */
    
        -ms-flex-line-pack: center;
    
            align-content: center;
        padding: 10px;               /* Adds space inside the input field */
    font-family: sans-serif; 
}


/* Custom class for a Bootstrap button with a dotted outline */
.btn-dotted {  /* Set dotted border with desired color */                      /* Optional: adjust for your design */
  padding: 0.375rem 0.75rem;                /* Consistent spacing with Bootstrap buttons */                          /* Text color */
  background-color: transparent;          /* Transparent background for outline style */
  -webkit-transition: background-color 0.15s ease-in-out, color 0.15s ease-in-out;
  transition: background-color 0.15s ease-in-out, color 0.15s ease-in-out; /* Smooth hover transition */ border: 1px dashed #036; border-top-left-radius: 4px; border-top-right-radius: 4px; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px;
}

/* Hover state to match Bootstrap behavior */
.btn-dotted:hover {
  color: #fff;
  background-color: #003366;
}

/* Smooth background transition for the sidebar */
.sidebar {
  -webkit-transition: background-color 0.3s ease;
  transition: background-color 0.3s ease;
}

/* Rounded navigation links within the sidebar */
#sidebarMenu .nav-link {
  font-size: 1rem;
  padding: 0.75rem 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #000; /* Default text color */
  border-radius: 0.25rem; /* Rounded corners, like the logout button */
}

/* Active navigation link styling */
#sidebarMenu .nav-link.active {
  background-color: #051d40; /* Active background color */
  color: #fff;           /* Active text color */
}



/* Customization for the mobile navbar toggler (if needed) */
.navbar-toggler {
  border: none;
  background-color:#ffff; /* Slightly different shade from header */
}
.industry-qualification-card {
    
    border-left-width: 0.5rem;
    border-color: #f0f0f0 #f0f0f0 #f0f0f0 #051d40;
    border-radius: 1rem;
   
    
}

.training-qualification-card {
    
    border-left-width: 0.5rem;
    border-color: #f0f0f0 #f0f0f0 #f0f0f0 #007A78;
    border-radius: 1rem;
   
    
}

.wappler-temp {}

.wappler-temp {}

.wappler-temp {}

.wappler-temp {}

.wappler-temp {}

.wappler-temp {}



