.modal-bg-layout{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.8);z-index:99999999;display:none}.modal-container{text-align:center}.modal-content{max-width:400px;width:100%;background-color:#fff;border:4px #005681 solid;position:absolute;top:50%;left:50%;-webkit-transform:translateX(-50%) translateY(-50%);-moz-transform:translateX(-50%) translateY(-50%);-ms-transform:translateX(-50%) translateY(-50%);-o-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%)}.modal-title{font-size:18px;color:#005681;text-transform:uppercase;font-weight:800;padding:20px 0 10px 0}.modal-acces-client-container{font-size:0;margin-bottom:10px}.modal-acces-client-el{display:inline-block;width:calc(50% - 40px);padding:20px;margin:10px;background-color:#005681;color:#FFF;box-sizing:border-box;-webkit-transition:all .4s;-moz-transition:all .4s;-ms-transition:all .4s;-o-transition:all .4s;transition:all .4s}.modal-acces-client-el.modal-acces-client-el-full{width:calc(100% - 60px)}.modal-acces-name{font-size:14px;text-transform:uppercase;font-weight:bolder;height:36px}#cross-close-modal-acces-client{font-size:30px;position:absolute;top:10px;right:20px;color:#FFF;cursor:pointer}.modal-access-container-picto{font-size:34px;padding-top:20px;text-align:center}.modal-acces-client-el:hover{background-color:#49bbe5}.modal-acces-client-el.modal-acces-client-el-full:hover{background-color:#49bbe5}@media screen and (max-width:500px){.modal-acces-client-el{width:calc(100% - 40px)}.modal-acces-client-el.modal-acces-client-el-full{width:calc(100% - 40px)}.modal-container{height:100%;overflow:auto}.modal-content{position:relative;top:0;left:0;-webkit-transform:none;-moz-transform:none;-ms-transform:none;-o-transform:none;transform:none;border:none}#cross-close-modal-acces-client{color:#005681;z-index:100000}}