@charset "utf-8";
/* CSS Document */

.white-back{ background-color: white;}
 .popup-box{ 
        height: fit-content; 
        width: 40%; 
        border: 5px solid #d2232a;
        border-radius: 30px;
        padding: 10px;
        margin: auto;
        display: flex;
    }
@media(max-width: 980px){.popup-box{ width: 60% !important;}}
     @media(max-width: 834px){.popup-box{ width: 80% !important;}}
     @media(max-width: 631px){.popup-box{ width: 90% !important;}}
     @media(max-width: 567px){.popup-box{ width: 95% !important;}
         /*.popup-image-cont{ margin-left: -10px; }*/
    }
.width-65{ width: 65% !important; }
.popup-image-cont{ padding: 0;}
.popup-man{ width: 130px; }
@media(max-width: 400px){
        .popup-man{
             width: 100px;
             margin-left: -10px;
             margin-top: 55px;
         }
  }
 @media(max-width: 450px){
        .popup-man{  margin-top: 55px;}
    }
.popup-content{ text-align: center; padding: 0;}
.popup-logo{ width: 300px;}
 @media(max-width: 500px){
        .popup-logo{ width: 225px;}
    } 
.blue-title{ color: #0e4e96; font-weight: bold; }

.popup-btn{        width: 200px;    }
.popup-btn{
        margin-top: -98px;
        display: flex;
        justify-content: space-evenly;
        margin-left: 5vw;
        margin-right: 5vw;
}
.close-btn{ 
        color: white;
        font-weight: bold;
        width: 100px;
        height: 35px;
        align-items: center;
        display: grid; 
        margin: auto auto 10px auto;
        background: linear-gradient(#d2232a, #c0161d);
        border: 1px solid #c0161d;
        border-radius: 4px;
    cursor: pointer; 
    }
.alert-list{
    list-style: none;
}

/** styles for popup.cfm  **/
.popup-box1{ 
        height: fit-content; 
        width: 80%;
        border: 5px solid #d2232a;
        border-radius: 30px;
        padding: 10px;
        margin-left: auto !important;
        margin-right: auto !important;
    }
@media(max-width:935px){
    .popup-box1{ width: 95% !important;}
    .man{ width: 120px !important;}
}
.popup-logo1{ width: 200px;}
.popup-content1{ font-size: 14px; text-align: center !important;}
.popup-btn1{
         display: flex;
        justify-content: space-evenly;
 }

.redh2{ font-weight: bold; color: #d2232a;}
.nobtn{ width: 100px; text-align: center; font-size: 20px;}
.yesbtn{ width: 100px; text-align: center; font-size: 20px; background: none; 
         background-color: #0e4e96 !important; border-color: #0e4e96;}

/** for Internal marketing alert popup  **/
.close-btn a{ text-decoration: none; color: white;}
.close-btn a:hover{ color: white !important; }
.popup-container-marketing{
        width: 100%;
        height: 100%;
        background: transparent;
       position: fixed;
        z-index: 99;
        place-content: center;
        display: grid ;
    }
.popup-container-resource{
        width: 100%;
        height: 100%;
        background: transparent;
       position: fixed;
        z-index: 99;
        place-content: center;
        display: grid ;
    }
   
    #popup-dropdown{
        background-color: #0e4e96;
        color: white;
        text-align: center;
        padding: 3px 5px 5px 5px !important;
        margin-bottom: 15px;
        border-radius: 4px;
        height: 34px;
        border: none !important;
    }
    
   p a{
        text-decoration: none;
        color: white;
       
    }
    .btns-holder{ display: flex;}
    .yes-btn{ 
        background-color: #0e4e96 !important; 
        background: none ;
        border: 1px solid #0e4e96;
    }

