@font-face {
    font-family: "Century Gothic";
    src: url('../fonts/GOTHIC.TTF');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: "Century Gothic";
    src: url('../fonts/GOTHICB.TTF');
    font-weight: bold;
    font-style: normal;
}
@font-face {
    font-family: "Century Gothic";
    src: url('../fonts/GOTHICI.TTF');
    font-weight: normal;
    font-style: italic;
}
@font-face {
    font-family: "Century Gothic";
    src: url('../fonts/GOTHICBI.TTF');
    font-weight: bold;
    font-style: italic;
}

* {margin: 0; padding: 0;}
html, body {height: 100%;}
body {background: #f1f1f1; font-family: "Century Gothic"; font-size: 14px; color: #636363;}

.wrapper {height: 100%; margin: 0 auto;}
.spacer {clear: both; height: 0px;}
.nav-link {cursor: pointer;}
.invalid {border: thin solid red !important;}
.hidden {display: none;}

.modal {display: table; position: fixed; z-index: 98; top: 0; width: 100%; height: 100%; background-color: rgba(255, 255, 255, 0.5); opacity: 0; pointer-events: none; -webkit-transition: opacity 0.15s linear 0s; transition: opacity 0.15s linear 0s;}
.modal-active {opacity: 1; pointer-events: auto;}
/*.modal .modal-dialog {position: relative; width: 400px; margin: 30px auto; opacity: 0; -webkit-transform: translateY(-25%); transform: translateY(-25%); -webkit-transition: -webkit-transform 0.3s ease-out 0s; transition: transform 0.3s ease-out 0s;}
.modal .modal-dialog-active {-webkit-transform: translateY(40px); opacity: 1; transform: translateY(40px);}*/
.modal .modal-dialog {display: table-cell; vertical-align: middle; pointer-events: none;}
.modal .modal-dialog .modal-content {max-width: 800px; margin: 0 auto; background-color: #323b44; box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5); color: #ced4da; pointer-events: auto;}
.modal .modal-dialog .modal-content .modal-header {position: relative; padding: 10px 15px 8px 15px; border-bottom: 1px solid rgba(255, 255, 255, 0.11);}
.modal .modal-dialog .modal-content .modal-header .close {position: absolute; top: 13px; right: 15px; background: rgba(255, 255, 255, 0); border: none; color: #fff;}
.modal .modal-dialog .modal-content .modal-body {overflow: hidden; padding: 10px 15px; color: #fff; text-align: center;}
.modal .modal-dialog .modal-content .modal-action {border-top: 1px solid rgba(255, 255, 255, 0.11);}
.modal .modal-dialog .modal-content .modal-action .action-list {padding: 5px; box-sizing: border-box; text-align: center;}
.modal .modal-dialog .modal-content .modal-action .action-list > li {display: inline-block; padding: 0 5px; box-sizing: border-box;}
.modal .modal-dialog .modal-content .modal-action .action-list .button {width: 80px; padding: 5px 2px; box-sizing: border-box; background-color: #ffffff; color: #414141;}
.modal .modal-dialog .modal-content .modal-action .action-list .button:hover {background-color: #EAA040; color: #ffffff;}
.modal .modal-dialog .modal-content .modal-action .action-list .button:active {position: relative; top: 1px;}