@charset "utf-8";

.modal.left .modal-dialog, .modal.right .modal-dialog { position: fixed; margin: auto; width: 400px; height: 100%; transform: translate3d(0%, 0px, 0px); }

.modal.left .modal-content, .modal.right .modal-content { height: 100%; overflow-y: auto; }

.modal.left .modal-body, .modal.right .modal-body { padding: 15px 15px 80px; }

.modal.left.fade .modal-dialog { left: -320px; transition: opacity 0.3s linear, left 0.3s ease-out; }

.modal.left.fade.show .modal-dialog { left: 0px; }

.modal.right.fade .modal-dialog { right: -320px; transition: opacity 0.3s linear, right 0.3s ease-out; }

.modal.right.fade.show .modal-dialog { right: 0px; }

.modal-content { border-radius: 0px; border: none; }

.modal-header { border-bottom-color: rgb(238, 238, 238); background-color: rgb(250, 250, 250); }

.full-width-div { left: 0px; right: 0px; position: absolute !important; }

.modal.top .modal-dialog, .modal.left .modal-dialog, .modal.right .modal-dialog { position: fixed; margin: auto; width: 100%; height: 100%; transform: translate3d(0%, 0px, 0px); }

.modal.top .modal-content, .modal.left .modal-content, .modal.right .modal-content { height: 100%; overflow-y: auto; }

.modal.left .modal-body, .modal.right .modal-body { padding: 15px 15px 80px; }

.modal.top.fade .modal-dialog { top: -768px; transition: opacity 0.3s linear, top 0.3s ease-out; }

.modal.top.fade.show .modal-dialog { top: 0px; }

.modal.left.fade .modal-dialog { left: -320px; transition: opacity 0.3s linear, left 0.3s ease-out; }

.modal.left.fade.show .modal-dialog { left: 0px; }

.modal.right.fade .modal-dialog { right: -320px; transition: opacity 0.3s linear, right 0.3s ease-out; }

.modal.right.fade.show .modal-dialog { right: 0px; }