﻿/* dialog classes begin */
.modal-dialog { display: table; vertical-align:middle; position: fixed; top: 0; left: 0; right: 0; bottom: 0; margin: auto; z-index: 10001; width: 100%; height: 100%; background-color: rgba(0,0,0, 0.7); }
.modal-dialog .modal-dialog-center { display: table-cell; vertical-align: middle; text-align: center; }
.modal-dialog .modal-dialog-center-inline { display: inline-block; margin: 0 auto; background-color: White; text-align: left; }

.modal-dialog .modal-dialog-header { border-bottom: 1px solid #d1d5d7; background-color: #e5e6e7; text-align: right; }
.modal-dialog .modal-dialog-header-title { padding: 9px 15px; vertical-align: top; white-space: nowrap; color: #005686; font-family: "3ds", "sans-serif"; font-weight: normal; font-size: 1.5em; text-align: left; }
.modal-dialog .modal-dialog-header-title > .fonticon { color: #BEBEBE; margin: 0; vertical-align: middle; font-size: 1.5em; padding-right: 10px; }
.modal-dialog .modal-dialog-header-title > div { display: inline-block; white-space: nowrap; vertical-align: middle; }
.modal-dialog .modal-dialog-header-close-holder { height: 0; vertical-align: top; }
.modal-dialog .modal-dialog-header-close { display: inline-block; background: url('/images/I_ModalClose_White.png') no-repeat; background-size: 30px 30px; width: 30px; height: 50px; margin-top: -50px; cursor: pointer; }

.modal-dialog .modal-dialog-body { padding: 15px; }

.modal-dialog .modal-dialog-footer { padding: 15px; border-top: 1px solid #d1d5d7; background-color: #f5f5f5; text-align: right; }
.modal-dialog .modal-dialog-footer > input[type="button"][data-type="applyButton"],
.modal-dialog .modal-dialog-footer > input[type="button"][data-type="cancelButton"] { display: inline-block; width: auto; vertical-align: middle; margin-left: 5px; }
.modal-dialog .modal-dialog-footer > img.small { width: 22px; height: 22px; }
.modal-dialog .modal-dialog-footer > img.large { width: 31px; height: 31px; }
/* dialog classes end */

/* message box classes begin */
.modal-dialog .uc-message-box-body { color: #6d6e71; padding: 20px 0; font-size: 1.2em; font-family: "3ds", "sans-serif"; }
/* message box classes end */
