button{
    outline: none;
    cursor: pointer;
    border: none;
}
.book-popup-wrapper{
    position: fixed; top: 0; left: 0; right: 0; bottom: 0;border:0px Solid #0c0; z-index: 1000; width: 100vw; height: 100vh; overflow: hidden; background: rgba(222, 222, 222, 0.7);
}
.book-popup-container{
    font-family: tahoma, arial;
    margin-left: auto;
    margin-right: auto;
    height: 600px;
    width: 50vw;
    min-width: 380px;
    background: transparent;
    display: grid;
    grid-template-columns: repeat(1fr, 6);
    grid-template-rows: 1fr 1fr 4fr 1fr;
    grid-template-areas:
    "transp transp transp transp transp transp"
    "header header header header header header"
    "main main main main main main"
    "cancel cancel cancel submit submit submit";
}
.book-popup-container_msg{
    font-family: tahoma, arial;
    margin-left: auto;
    margin-right: auto;
    height: 350px;
    width: 50vw;
    min-width: 380px;
    background: transparent;
    display: grid;
    grid-template-columns: repeat(1fr, 6);
    grid-template-rows: 1fr 1fr 4fr 1fr;
    grid-template-areas:
    "transp transp transp transp transp transp"
    "header header header header header header"
    "main main main main main main"
    "submit submit submit submit submit submit";
}
.book-popup-container_msg_choices{
    font-family: tahoma, arial;
    margin-left: auto;
    margin-right: auto;
    height: 350px;
    width: 50vw;
    min-width: 450px;
    background: transparent;
    display: grid;
    grid-template-columns: repeat(1fr, 6);
    grid-template-rows: 1fr 1fr 4fr 1fr;
    grid-template-areas:
    "transp transp transp transp transp transp"
    "header header header header header header"
    "main main main main main main"
    "cancel cancel cancel submit submit submit";
}
.book-popup-container_error{
    font-family: tahoma, arial;
    margin-left: auto;
    margin-right: auto;
    height: 450px;
    width: 50vw;
    min-width: 380px;
    background: transparent;
    display: grid;
    grid-template-columns: repeat(1fr, 6);
    grid-template-rows: 1fr 1fr 4fr 1fr;
    grid-template-areas:
    "transp transp transp transp transp transp"
    "header header header header header header"
    "main main main main main main"
    "cancel cancel cancel cancel cancel cancel";
}
.transparent{
    grid-area: transp;
    height: 75px;
    /* background: red; */
}
.header-img-container{
    grid-area: 1 / 3 / 3 / 5;
    z-index: 10;
    margin-left: auto;
    margin-right: auto;
    margin-top: 50px;
    width: 80px;
    height: 80px;
    background: white;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.header-image{
    background-image: url("../gfx/calendar.png");
    background-position: center;
    background-size: contain;
    width: 65%;
    height: 65%;
}
.header-image_red{
    background-image: url("../gfx/calendar_red.png");
    background-position: center;
    background-size: contain;
    width: 65%;
    height: 65%;
}
.popup-header{
    grid-area: header;
    height: 110px;
    width: 100%;
    background-image: linear-gradient(60deg, #6dc960 0%, #79da6c 100%);
    display: flex;
    align-items: flex-end;
    justify-content: center;
}
.popup-header_red{
    grid-area: header;
    height: 110px;
    width: 100%;
    background-image: linear-gradient(60deg, #c85f60 0%, #db756d 100%);
    display: flex;
    align-items: flex-end;
    justify-content: center;
}
.header-text{
    margin: 10px 0 15px 0;
    font-size: 2.5em;
    color: white;
    letter-spacing: 1px;
}
.main-content{
    box-sizing: border-box;
    grid-area: main;
    width: 100%;
    background: white;
    padding: 10px 30px 20px 30px;
    overflow: auto;
}
.main-content_allowtext{
	overflow: visible;
}
.main-content_msg{
    text-align:center;
}
.main-content::-webkit-scrollbar {
    display: block;
    width: 10px;
}
.main-content::-webkit-scrollbar-track {
   background: #f1f1f1;
}
.main-content::-webkit-scrollbar-thumb {
    background-color: #888;
    border-radius: 10px;
}
.main-content::-webkit-scrollbar-thumb:hover {
    background-color: #999;
}
.main-content::-webkit-scrollbar-button{
    display: none;
}
.main-content-left{
    float: left;
    box-sizing: border-box;
    padding-right: 20px;
    width: 50%;
    height: 100%;
}
.main-content-header{
    color: #6dc960;
    margin: 10px 0px 0px 0px;
}
.main-content-info{
    color: #606060;
    margin: 10px 0px 0px 0px;
}
.main-content-right{
    float: left;
    box-sizing: border-box;
    padding-left: 20px;
    width: 50%;
    height: 100%;
}
.cancel-button{
    grid-area: cancel;
    background: #808080;
    height: 60px;
}
.cancel-button:hover{background: #8c8c8c;}
.cancel-button:active{background: #808080;}
.cancel-btn-img{
    background-image: url("../gfx/cross2.png");
    background-size: cover;
    background-repeat: no-repeat;
    width: 20px;
    height: 20px;
    display: inline-block;
}
.button-text{
    color: white;
    font-size: 2em;
    display: inline-block;
    margin: 0 0 0 20px;
    font-weight: lighter;
}
.submit-button{
    grid-area: submit;
    background: #6dc960;
    height: 60px;
    display: flex;
    text-align: center;
    justify-content: center;
    align-items: center;
}
.submit-button:hover{background: #7bce6f;}
.submit-button:active{background: #6dc960;}
.submit-btn-img{
    background-image: url("../gfx/check000.png");
    background-size: cover;
    background-repeat: no-repeat;
    width: 30px;
    height: 20px;
    display: inline-block;
}



















.book-popup-wrapper_pfa{
    position: fixed; top: 0; left: 0; right: 0; bottom: 0;border:0px Solid #0c0; z-index: 1000; width: 100vw; height: 100vh; overflow: hidden; background: rgba(222, 222, 222, 0.7);
}
.book-popup-container_pfa{
    font-family: tahoma, arial;
    margin-left: auto;
    margin-right: auto;
    height: 75vh;
    width: 60vw;
    min-width: 400px;
    background: transparent;
    display: grid;
    grid-template-columns: repeat(1fr, 6);
    grid-template-rows: 1fr 1fr 4fr 1fr;
    grid-template-areas:
    "transp transp transp transp transp transp"
    "header header header header header header"
    "main main main main main main"
    "cancel cancel cancel submit submit submit";
}
.popup-header_pfa{
    grid-area: header;
    height: 110px;
    width: 100%;
    background-image: linear-gradient(60deg, #6dc960 0%, #79da6c 100%);
    display: flex;
    align-items: flex-end;
    justify-content: center;
}
.main-content_pfa{
    box-sizing: border-box;
    grid-area: main;
    width: 100%;
    height:50vh;
    background: white;
    padding: 10px 30px 20px 30px;
    overflow: auto;
}
.main-content_pfa::-webkit-scrollbar {
    display: block;
    width: 10px;
}
.main-content_pfa::-webkit-scrollbar-track {
   background: #f1f1f1;
}
.main-content_pfa::-webkit-scrollbar-thumb {
    background-color: #888;
    border-radius: 10px;
}
.main-content_pfa::-webkit-scrollbar-thumb:hover {
    background-color: #999;
}
.main-content_pfa::-webkit-scrollbar-button{
    display: none;
}