@charset "UTF-8";

.modal__open{overflow:hidden;height:100%}
.modal__open .modal.fase{overflow-x:hidden;overflow-y:auto;z-index:99999}
.modal.fase.modal__backdrop{position:absolute;top:0;right:0;left:0;background-color:rgba(0,0,0,.6)}
.modal.fase.modal__body{position:fixed;top: 50%;left: 50%;display:inline-block;width: 650px;margin:-1% auto 0;background:#fff;box-shadow:0 0 24px rgba(0,0,0,.5);transform: translate(-50%,-50%);transition:all .4s ease-out;vertical-align:middle;text-align:left;padding: 0;border-radius: 5px;overflow: hidden;}
.modal.fase .modal__dialog .modal__body{width: 400px;padding: 0;border-radius: 5px;overflow: hidden;}
.modal.fase .modal__dialog .modal__header {position:relative;margin: 0;padding:17px 15px 16px 20px;background-color: #fbcb00;color:#333;font-weight: bold;background: #006940;}
.modal.fase .modal__header {position:relative;padding:17px 15px 16px 20px;background-color:#333;color:#fff}
.modal.fase .modal__header .modal__title{display: flex;flex-wrap: wrap;justify-content: left;align-items: baseline;width: 100%;margin: 0;font-size: 20px;color: #fff;font-weight: bold;}
.modal.fase  .modalTitle,.modal__title{font-size:1.2em;color:#000}
.modal.fase .modal__dialog .modal__header .modal__title{display: flex;flex-wrap: wrap;justify-content: left;align-items: baseline;width: 100%;margin: 0;font-size: 20px;color: #fff;font-weight: bold;}
.modal.fase .modal__content{position:relative;padding:20px;overflow-y:auto;line-height: 1.3;}
.modal.fase .modal__footer{padding:8px 15px;border-top:1px solid #e6e6e6;background:#fafafa;text-align:center}
.modal.fase .modal__footer .btn{margin:0 1px;height: auto;padding: 7px 10px 7px;color:#666}
.modal.fase .modal__dialog .modal__footer{padding:0;border-top:none;border-top: 1px solid #d8d8d8;}
.modal.fase .modal__dialog .modal__footer .btn{background: #f7f7f7;width: 50%;height: 45px;line-height: 45px;border: 0;/* border-top: 1px solid #d8d8d8; */margin: 0;padding: 0px;/* border-left: 1px solid #d8d8d8; */border-radius: 0;}
.modal.fase .modal__dialog .modal__footer .btn.btn-default{border-right:1px solid #d8d8d8}
.modal.fase  .modal__backdrop{opacity:0;transition:opacity 1s}
.modal.fase .active .modal__backdrop{opacity:.75;transition:opacity 1s}