/* ************ The Modal Popup ************ */ .modal { top: 0; left: 0; width: 100%; height: 100%; z-index: 99999; display: none; overflow: auto !important; position: fixed; cursor: default !important; background-color: rgb(0,0,0); background-color: rgba(0,0,0,0.4); overflow: auto; -webkit-overflow-scrolling: touch; } .modal-content { width: 50%; /* height: 50%; */ margin: 5% auto; /* 15% from the top and centered */ border: 1px solid #888; position: relative; background-color: #fefefe; z-index: 99999; overflow: auto; -webkit-overflow-scrolling: touch; min-width: calc(100% - 1rem); } .modal-info-icon { top: 50%; font-size: 28px !important; position: absolute; transform: translateY(-50%); } #modalTitle { height: 100%; display: flex; position: absolute; flex-direction: row; align-items: center; } .modal-title { /* font: normal normal 400 1.125rem/1.75rem arial,sans-serif; */ font-size: 20px; font-weight: 400; font-family: Arial, sans-serif; color: #262b38; } .modal-header { width: 100%; color: #262b38; /* padding: 20px; */ font-size: 20px; position: relative; font-weight: 400; border-radius: 4px 4px 0px 0px; border-bottom: 0; } .modal-header, .modal-footer { height: 65px; } .modal-footer { display: none; padding: 2px; } .modal-body { color: #262b38; width: 100%; height: 100%; padding: 20px; font-size: 16px; margin-left: -5px; overflow-wrap: break-word; } .modal-body a { text-decoration: underline; } .modal-body a { color: #0e47cb; text-decoration: underline; } .modal-body a:hover { color: #082b7a; } .modal-body a:visited { color: #510dcd; } .modal-body b { font-size: 16px; } .modal-body h1{ font-size: 1.7rem; font-weight: 700; } .modal-body h2{ font-size: 1.2rem; font-weight: 600; } .modal-copy { position: absolute; right: -3.6rem; } .modal-copy img { height: 20px; } .modal-close img { height: 1.5rem; } .modal-close { border: none; background: white; position: absolute; right: 1%; display: flex; justify-content: center; align-items: center; padding: 0.5rem; border: 1px solid transparent; } .prevent-body-scroll { overflow: hidden; position: fixed; } #embedCode { color: rgb(81, 85, 96); padding: .5rem; border: 1px solid #ccc; border-radius: .25rem; overflow-wrap: break-word; } /* ******* End Modal Popup ******* */ @media (max-width: 1100px) { .modalPopup{ align-items: unset; justify-content: unset; } .modal-content { width: 100% !important; height: 100%; overflow: hidden; } .modal-body { width: 103% !important; height: 100%; padding-bottom: 55px; /* ******* Remove scroll bar from view ******* */ margin-right: -50px !important; padding-right: 50px !important; overflow-y: scroll; /* ******************************************* */ } }