/* Modal */
#modal{display: none; position:fixed; z-index: 19;  top: 0; left: 0;  right: 0; bottom: 0; position: fixed; text-align: center; }
#modal:before {content: ''; display: inline-block; height: 100%; vertical-align: middle;}
#modal_inner{display: inline-block; vertical-align: middle;   background-color: white; color: #015073; padding: 6px 10px 10px 10px; border-radius: 5px; position: relative; border: 1px solid #015073;}
#modal_text{ word-wrap: break-word; word-break: break-word; text-align: center; margin-right: 5px;}
/* #modal_text input{margin-bottom: 5px; margin-top: 15px; background-color: white; color:#015073; border-radius: 5px; padding: 10px; font-size: 22px; width: calc(100% - 22px); border: 0;} */
#modal_text button{margin-bottom: 5px; margin-top: 15px; font-size: 17px; padding: 8px; width: 100%; margin-top: 10px; background: #015073; border: 1px solid #015073; color: #f0f0f0; cursor: pointer; border-radius: 5px;}
#modal_text button:hover{background-color: #015073;}
#modal_text a{color: #015073;}
#modal_close{position: absolute; top: 0; right: 0; cursor: pointer; padding: 10px 10px 0 0; font-size: 20px; font-weight: 600; }
#modal_grey{display: none; background: #1b2050a3; width: 100%; height: 100%; position:fixed; top:0;  left:0; z-index: 10;}

/* Status Messages */
#message{display: none; position: absolute; bottom: 10px; right: 10px; z-index: 1000; border-radius: 5px; border: 1px solid; padding: 5px 10px 2px 10px; max-width: calc(100% - 40px);}
#message.message{background-color: #7da7bc; color: #333; border-color: #015073;}
#message.message a{color: #566e56;}
#message.warning{background-color: #f6f2ca; color: #6e6d56; border-color: #6e6d56;}
#message.warning a{color: #6e6d56;}
#message.error{background-color: #f6caca; color: #6e5656; border-color: #6e5656;}
#message.error a{color: #6e5656;}

#test{display: none; position: absolute; bottom: 10px; left: 10px; background: #d39f9f; padding: 5px 10px 2px 10px; border: 1px solid #015073; border-radius: 5px;}

/* Alert */
#alert{display: none; position:fixed; z-index: 2300;  top: 0; left: 0;  right: 0; bottom: 0; position: fixed; text-align: center;}
#alert:before {content: ''; display: inline-block; height: 100%; vertical-align: middle;}
#alert_inner{ border: 1px solid #015073; display: table-cell; vertical-align: middle;  min-width: 200px; max-width: 300px; display: inline-block; vertical-align: middle;   background-color: white; color: #015073; padding: 16px 10px 10px 10px; border-radius: 5px; position: relative;}
#alert button{margin-bottom: 5px; margin-top: 15px; font-size: 17px; padding: 8px; margin-top: 10px; background: #015073; border: 1px solid #015073; color: #f0f0f0; cursor: pointer; border-radius: 5px;}