/* NEW FOR SITE 6/23/2026 */

 h3 { font-size: calc(1.21rem + .25vw); }


.homepage-cols { margin-top: 15px; }
    
.home-resourses-box { padding: 0px 15px 0px 15px; margin-top: 15px; border-radius: 10px; border: solid 1px #7B7B7B; background-color: #f6f6f6; }
.home-resourses-box h4 { border-bottom: solid 1px #000000; color: #6E1012; font-size: calc(1.14rem + .21vw); margin-bottom: .85rem; text-align: center; } 
.home-resourses-box span { font-size: .8rem; color: #3F3F3F; }
.home-resourses-box ul { margin-top: 7px; }
.home-resourses-box li { margin-top: 4px; font-size: .9rem; }

.btt { margin:10px 0 25px 0; text-align:right; font-size:11px; }
.smalltxt { font-size: .8rem; } 


.accordion-button:not(.collapsed) {
    background-color: #000;
    color: #fff;    
    }
 
 .accordion-button.collapsed {
    background-color: #ccc;
    color: #000;
}   


.div-table { max-width: 90%; overflow: visible; border-radius: 10px; } 
.data-row { height: 65px; vertical-align: middle; }
    
.div-table .table-header { background-color: #64292A; color: #ffffff; font-size: 1.3rem; padding: .75rem .75rem;  } 

.div-table .table-secondary { vertical-align: middle; background-color: #474747; color: #ffffff; } 

 
 
         
/* NEWSLETTER PAGE */        
#pdp-newsletter { } 
    
.process li { color: #4C0C30; font-weight:bold; margin-top:15px; }
.process li>p { margin: 3px 0 18px 0; padding: 0; border: 0; outline: 0;  font-weight:normal; color: #000000; }    
    
.major-events-box { margin-top: 10px; padding: 20px 17px 10px 10px; border: solid 1px #BED3E5; border-radius: 15px; font-size: 100%;
    background: rgb(255,255,255);   
    background: -webkit-linear-gradient(rgba(255,255,255,1) 1%, rgba(190,211,229,1) 100%);
    background: -o-linear-gradient(rgba(255,255,255,1) 1%, rgba(190,211,229,1) 100%);
    background: linear-gradient(rgba(255,255,255,1) 1%, rgba(190,211,229,1) 100%); 
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#bed3e5',GradientType=0 ); 
    }

.performance-objective-box { border: solid 1px #BED3E5; border-radius: 15px; font-size: 100%;
    background: rgb(255,255,255); 
    background: -moz-linear-gradient(top, rgba(255,255,255,1) 1%, rgba(211,225,238,1) 100%); 
    background: -webkit-linear-gradient(top, rgba(255,255,255,1) 1%,rgba(211,225,238,1) 100%);
    background: linear-gradient(to bottom, rgba(255,255,255,1) 1%,rgba(211,225,238,1) 100%); 
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#d3e1ee',GradientType=0 ); 
    padding: 20px 17px 10px 10px;  margin: 15px 15px 30px 15px;
}

.critical-elements-box { border: solid 1px #BED3E5; border-radius: 15px; font-size: 100%;
    background: rgb(255,255,255);
    background: -moz-linear-gradient(top, rgba(255,255,255,1) 1%, rgba(211,225,238,1) 100%); 
    background: -webkit-linear-gradient(top, rgba(255,255,255,1) 1%,rgba(211,225,238,1) 100%); 
    background: linear-gradient(to bottom, rgba(255,255,255,1) 1%,rgba(211,225,238,1) 100%); 
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#d3e1ee',GradientType=0 ); 
    padding: 20px 17px 10px 10px;  margin: 15px 15px 30px 15px; 
}

.annualRatingPeriodBox {
    border: solid 1px #BED3E5; border-radius: 15px; font-size: 100%;
    background: rgb(255,255,255); 
    background: -moz-linear-gradient(top, rgba(255,255,255,1) 1%, rgba(211,225,238,1) 100%); 
    background: -webkit-linear-gradient(top, rgba(255,255,255,1) 1%,rgba(211,225,238,1) 100%);
    background: linear-gradient(to bottom, rgba(255,255,255,1) 1%,rgba(211,225,238,1) 100%); 
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#d3e1ee',GradientType=0 ); 
    padding: 20px 17px 10px 10px;  margin: 15px 15px 30px 15px; 
}
   
.responsibilities-wrap {  width: auto; text-align: center; margin: 20px auto 0 auto; background-color: #000000; border-radius:15px; padding-bottom: 15px; }  
.responsibilities-inner { width: auto; display: block; background-color: #6b2929; padding-bottom: 10px; border-bottom: solid 10px #000000; }
.ppms-res-cir-text { padding: 15px 7px 15px 7px; text-align: center; margin-top: 20px; border-radius: 110px; font-size: 115%; color: #ffffff; border: solid 2px #000000; background-color: #421914; line-height: 150%; margin-left: 10px; margin-right: 10px } 
.indivi-org { display: block; text-align: center; padding: 8px 0 10px 0; font-weight: bold; font-size: 16px; color: #ffffff;  }
/* END NEWSLETTER PAGE */




/* ----------------------------------------------------------------------------------------------------------------------
	Added in Apr 2026 while removing inline styles  
   ----------------------------------------------------------------------------------------------------------------------*/ 

.background-color-421914 { background-color:#421914; } 
.background-color-6b2929 { background-color:#6b2929; } 
.background-color-black { background-color:#000000; } 
.background-color-ccffcc { background-color:#CCFFCC; } 
.background-color-darkred { background-color:darkred; } 
.background-color-eeeeee { background-color:#eeeeee; } 
.background-color-efefde { background-color:#efefde; } 
.background-color-fcb000 { background-color:#fcb000; } 

.border-dotted-black { border:dotted 2px #000000; }

.border-bottom-black-thick { border-bottom: solid 10px #000000; } 

.border-cccccc { border:1px solid #cccccc; } 
.border-darkred { border:2px solid darkred; } 
.border-green { border:2px solid green; } 

.border-radius-5px {  border-radius:5px; } 
.border-radius-15px {  border-radius:15px; } 
.border-radius-110px {  border-radius:110px; } 

.btn-jump-benchmark { 
    width:25px !important; 
    display: inline-flex; /* Keeps button inline while unlocking Flexbox tools */
    justify-content: center;  /* Centers text horizontally */
    align-items: center;   
    margin-top: .35rem;
}

.button-custom-xs { --bs-btn-padding-y:.25rem; --bs-btn-padding-x:.5rem; --bs-btn-font-size:.75rem; }

.clear-both { clear:both; } 

.color-490011 { color:#490011; } 
.color-4C0C30 { color:#4C0C30; } 
.color-black { color:black !important; } 
.color-darkred { color:darkred; }
.color-red { color:red; } 
.color-white { color: #ffffff; }

.cursor-pointer { cursor:pointer; } 

.dialog-timeout-custom {} 
.dialog-timeout-custom-titlebar { background-color:darkred; } 
.dialog-timeout-custom-title { color:white; } 
.dialog-timeout-custom-content {} 

.display-block { display:block; }
.display-none { display:none !important; }

.float-left { float:left; }
.float-right { float:right; }

.font-family-verdana { font-family:verdana; }

.font-size-0-75 { font-size:0.75em !important; }
.font-size-0-9 { font-size:0.9em !important; } 
.font-size-110-percent { font-size:110% !important; }
.font-size-125-percent { font-size:125% !important; }
.font-size-16px { font-size:16px !important; } 
.font-size-25px { font-size:25px !important; } 

.font-style-italic { font-style:italic; } 

.font-weight-bold { font-weight:bold; }

.height-50 { height:50; }
.height-250px { height:250px; } 
.height-290px { height:290px; } 
.height-400px { height:400px; } 

.line-height-150-percent { line-height:150%; }

.margin-0-auto-20px-auto { margin:0 auto 20px auto; } 
.margin-0-0--4-0 { margin:0 0 -4px 0; } 
.margin-0-0-0--2 { margin:0 0 0 -2px; } 
.margin-0-0-0-10px { margin:0 0 0 10px; } 
.margin-0-0-10px-0 { margin:0 0 10px 0; } 
.margin-0-10px-10px-10px { margin:0 10px 10px 10px; } 
.margin-5px-0-0-25px { margin:5px 0 0 25px; } 
.margin-10px { margin:10px; } 
.margin-10px-0 { margin:10px 0; } 
.margin-10px-0-10px-12px { margin:10px 0 10px 12px; } 
.margin-10px-5px-0-15px { margin:10px 5px 0 15px; } 
.margin-10px-75px-20px-75px { margin:10px 75px 20px 75px !important; } 
.margin-12px-0-0-17px { margin: 12px 0 0 17px; }
.margin-15px { margin:15px; } 
.margin-15px-0-15px-0 { margin:15px 0 15px 0; } 
.margin-18px { margin:18px; } 
.margin-20px-auto-0-auto {  margin:20px auto 0 auto; } 
.margin-25px-5px-10px-12px { margin:25px 5px 10px 12px; }  

.margin-bottom--15px { margin-bottom:-15px !important; }
.margin-bottom-0 { margin-bottom:0; }
.margin-bottom-4px { margin-bottom:4px; }
.margin-bottom-5px { margin-bottom:5px; }
.margin-bottom-10px { margin-bottom:10px; }
.margin-bottom-16px { margin-bottom:16px !important; }

.margin-left-5px { margin-left:5px !important; } 
.margin-left-15px { margin-left:15px !important; } 
.margin-left-16px { margin-left:16px; } 

.margin-top--4px { margin-top:-4px !important; }
.margin-top-0px { margin-top:0 !important; } 
.margin-top-1px { margin-top:1px !important; } 
.margin-top-4px { margin-top:4px !important; } 
.margin-top-5px { margin-top:5px; } 
.margin-top-6px { margin-top:6px; } 
.margin-top-10px { margin-top:10px !important; } 
.margin-top-12px { margin-top:12px } 
.margin-top-16px { margin-top:16px } 
.margin-top-17px { margin-top:17px } 
.margin-top-19px { margin-top:19px } 
.margin-top-20px { margin-top:20px } 
.margin-top-25px { margin-top:25px } 
.margin-top-30px { margin-top:30px } 
.margin-top-31px { margin-top:31px } 
.margin-top-34px { margin-top:34px } 
.margin-top-39px { margin-top:39px } 
.margin-top-41px { margin-top:41px } 

#menu-right-side { float:right; width:250px; margin:20px 0 25px 40px; } 

.padding-0 { padding:0; }
.padding-4px { padding:4px; }
.padding-5px { padding:5px; }
.padding-8px { padding:8px; }
.padding-8px-0-10px-0 { padding:8px 0px 10px 0px; }  
.padding-20px-20px-0-0 { padding:20px 20px 0 0; }  
.padding-35px { padding:35px !important; }
.padding-79px-7px-79px-7px { padding:79px 7px 79px 7px; } 

.padding-bottom-10px { padding-bottom:10px; } 
.padding-bottom-15px { padding-bottom:15px; } 

.padding-left-1-percent { padding-left:1% } 
.padding-left-2-percent { padding-left:2% } 

.padding-right-1-percent { padding-right:1% } 
.padding-right-2-percent { padding-right:2% } 

.padding-top-8px { padding-top:8px !important; } 
.padding-top-12px { padding-top:12px; } 
.padding-top-14px { padding-top:14px; } 

.position-absolute { position:absolute; }
.position-relative { position:relative; }

.request-style-content { float:left; width:600px; margin:0 0 0 10px; padding:0; } 
.request-style-menu { float:left; width:190px; margin:0 0 0 60px; padding:0 0 10px 0; } 

.session-warning-header { color:darkred; margin-bottom:12px; } 

.text-align-center { text-align:center; }
.text-align-left { text-align:left; }
.text-align-right { text-align:right; } 

.text-underline { text-decoration:underline; } 

.width-4-percent { width:4%; }
.width-26-percent { width:26%; }
.width-30-percent { width:30%; }
.width-70-percent { width:70%; } 
.width-90-percent { width:90%; } 
.width-95-percent { width:95%; }
.width-100-percent { width:100% !important; }

.width-25px { width:25px !important; }
.width-200px { width:200px !important; }
.width-250px { width:250px !important; }
.width-350px { width:350px !important; }
.width-470px { width:470px !important; } 
.width-560px { width:560px !important; } 
.width-780px { width:780px !important; } 
.width-840px { width:840px !important; }

#occSeries-select { width:200px !important;   }  /* border:red solid 1px; */  




 
@media (min-width: 992px) {            
   
/* NEWSLETTER PAGE */
.indivi-org { font-size: 18px; }
.ppms-res-cir-text { padding: 88px 7px 88px 7px; margin-top: 20px; border-radius: 150px; font-size: 125%; line-height: 150%; margin-left: 0px; margin-right: 0px; }
/* END NEWSLETTER PAGE */    
    
   }


       
@media (min-width: 1200px) {   
    
/* NEWSLETTER PAGE */
.responsibilities-wrap { width: 790px; }
.responsibilities-inner { width: 790px; padding-left: 2px; padding-right: 2px; }
.ppms-res-cir-text { padding: 88px 7px 88px 7px; margin-top: 20px; border-radius: 150px; font-size: 125%; line-height: 150%;  }
 /* END NEWSLETTER PAGE */
    
       }
       
       
@media (min-width: 1400px) {
    
/* NEWSLETTER PAGE */
.responsibilities-wrap { width: 910px; }
.responsibilities-inner { width: 910px; padding-left: 3px; padding-right: 3px; }    
.ppms-res-cir-text { padding: 95px 7px 95px 7px; margin-top: 10px; border-radius: 150px; font-size: 125%; }
.indivi-org { padding: 8px 0 10px 0; font-size: 18px;  }
/* END NEWSLETTER PAGE */

       }